html 滤镜兼容,IE透明滤镜alpha失效解决办法

IE的透明滤镜filter:alpha(opacity=40)在未添加xhtml申明时会不起效果。即使添加了xhtml申明，IE7也无效。

IE7下xhtml申明alpha滤镜无效

IE8无xhtml申明也无效

源代码如下

IE透明滤镜alpha失效

#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);}

#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=100);cursor:url(http://avatar.csdn.net/6/4/7/3_u011696233.jpg),pointer;}/*可以继续添加cursor的候选资源，用逗号隔开，ie需要使用.cur文件*/

表格一

表格二

表格三

表格四

解决办法就是添加ie独有zoom:1样式即可解决IE透明滤镜alpha失效问题。

IE透明滤镜alpha失效解决办法

#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);zoom:1}

#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=100);cursor:url(http://avatar.csdn.net/6/4/7/3_u011696233.jpg),pointer;}/*可以继续添加cursor的候选资源，用逗号隔开，ie需要使用.cur文件*/

表格一

表格二

表格三

表格四

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

2015-4-21Web开发网

阅读(92)喜欢(0)