IE7/IE8浏览器中透明滤镜失效

关键词:IE7 IE8 透明滤镜 alpha opacity 滤镜

  在IE7+浏览器中使用透明滤镜alpha时,如果没有设置过浏览器的安全“二禁止脚本行为”为“允许”,透明效果是不显示出来的。

  如下所示,一个lightbox的效果,在使用了透明滤镜后,没有显示出透明效果来。
+展开
-CSS
.lightbox{-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;background-color:#000000;z-index:100;position:absolute;left:0px;top:0px;}

IE7+浏览器中透明滤镜失效



  IE6下的透明效果是正确的,如下

IE6-浏览器中透明滤镜



  这是由于IE7+浏览器中Internet安全设置中的“二禁止脚本行为”是“禁止”的,只有设置为允许【也不能设置为“管理员认可”】后,透明效果才能显示出来,如下所示

“二禁止脚本行为”默认为禁止



开启“二禁止脚本行为”

  设置为启用后,刷新当前页面透明效果就出来了。

加支付宝好友偷能量挖...


原创文章,转载请注明出处:IE7/IE8浏览器中透明滤镜失效

评论(0)Web开发网
阅读(178)喜欢(0)HTML/CSS兼容/XML