css js opacity 多浏览器透明度兼容写法
值越小越透明 1完全不透明 ---------> 0完全透明
IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
Opera:老版本的Opera没有私有属性可以代替opacity(新版Opera已支持opacity)
css 写法:
.opacity{ opacity: 0.5; /* 支持opacity的浏览器*/ filter:alpha(opacity=50); /* IE678 */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ }
js写法:
var opa = 0.5; //0--1 之间 object.opacity = opa; /* 支持opacity的浏览器*/ object.filter = "alpha(opacity=" + opa*100 + ")"; /* IE678 */ object.MozOpacity = opa; /* 老版Mozilla */ object.KhtmlOpacity = opa; /* 老版Safari */