Opacity透明度属性IE浏览器及其它浏览器兼容方法

Posted on 2015年8月30日 by 织梦先生

div{ /* older safari/Chrome browsers */ -webkit-opacity:0.5; /* Netscape and Older than Firefox 0.9 */ -moz-opacity:0.5; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity:0.5; /* IE9 + etc...modern browsers */ opacity:.5; /* IE 4-9 */ filter:alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

div{ /* older safari/Chrome browsers */   -webkit-opacity:0.5;   /* Netscape and Older than Firefox 0.9 */   -moz-opacity:0.5;   /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/   -khtml-opacity:0.5;   /* IE9 + etc...modern browsers */   opacity:.5;   /* IE 4-9 */   filter:alpha(opacity=50);   /*This works in IE 8 & 9 too*/   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   /*IE4-IE9*/   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }