opacity與filter:olpha(opacity)的兼容性,我的ie9兼容opacity,設置filter:olpha(opacity)是否有必要
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
????body{margin:?0;padding:?0;}
#div1{
background:red;
width:?400px;
height:?400px;
filter:?alpha(opacity:30);
opacity:?0.3;
}
</style>
</head>
<body>
????<!--?Javascript?-->
<script?type="text/javascript">
window.onload?=?function(){
var?oDiv?=?document.getElementById('div1');
oDiv.onmouseover?=?function(){
starMove(0.1,1)
}
oDiv.onmouseout?=?function(){
starMove(-0.1,0.3)
}
}
var?timer?=?null;
????var?opacity?=?0.3;
????function?starMove(speed,ita){
????????clearInterval(timer);
?????var?oDiv?=?document.getElementById('div1');
?????timer=setInterval(function(){
????????????
????????????if?(oDiv.style.opacity==ita)?{
?????????????clearInterval(timer);
????????????}
????????????else{
?????????????opacity?=?opacity?+?speed;
?????????????oDiv.style.opacity?=?opacity?+?speed;
????????????}
?????},100)
????}
</script>????
<!--?html?-->
<div?id="div1"></div>
</body>
</html>以上代碼沒有設置filter:alpha(opacity)但是兼容自帶的ie9,百度有人說opacity通用,那么opacity的兼容性到底如何;是否只是兼容高版本ie還是真的通用,以及filter:alpha(opacity)的設置是否有必要
2016-04-15
我用IE兼容軟件測試了一下,filter:alpha(opacity)必須要有的,不然低版本的IE是沒有效果的
2016-04-15
opacity屬性ie9+支持
filter屬性ie6~9支持