当前位置：文江博客话题详情

IE 中的 BlockUI jquery-ui 主题支持

发布于 2024-11-08 11:54:37 字数 401 浏览 0 评论 0原文

这可能是我必须忍受的事情，但是 blockUI 插件 jQuery-ui 主题支持应该与 IE 一起使用吗？

由于某种原因，覆盖层始终显示为实心，没有不透明度。普通的 blockUI 叠加效果很好，但是当我启用主题时，叠加显示为固体。这在 IE 中真的很难看（我的用户必须使用它）。

我正在使用 IE 7。我想该插件可以在 IE 9 上正常工作，不确定 IE 8 是否

可以。还有其他人经历过吗？它甚至在 blockUI 演示页面上也可以这样工作（至少对我来说）。有人知道解决方法吗？

http://jquery.malsup.com/block/#demos

提前致谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

强辩 2024-11-15 11:54:37

这是 blockUI 中的一个错误，生成的覆盖 div 看起来像这样，

<div class="blockUI blockOverlay ui-widget-overlay" 
style="z-index: 1001;
position: fixed; 
filter: ; 
zoom: 1;" 
jQuery1306503573140="70"/>

空的内联“filter”属性覆盖 .ui-widget-overlay 中的 css 属性，但您可以通过编辑 jquery-ui.xxxxxxx.css 文件自行修复此问题。

只需搜索

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30); 
}

并在过滤器属性后面添加 !important ，这样

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30) !important; 
}

就会强制浏览器使用 css 样式而不是错误的内联样式。

thats a bug in blockUI, the generated overlay div looks like this

<div class="blockUI blockOverlay ui-widget-overlay" 
style="z-index: 1001;
position: fixed; 
filter: ; 
zoom: 1;" 
jQuery1306503573140="70"/>

the empty inline "filter" property overwrites the css property in .ui-widget-overlay but you can fix this by yourself by editing your jquery-ui.x.x.x.xxxx.css file.

just search for

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30); 
}

and add !important behind the filter property like this

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30) !important; 
}

this will force the browser to use the css-style instead of the wrong inline style.

回复收藏 0 原文