为了账号安全,请及时绑定邮箱和手机立即绑定

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)的设置是否有必要

正在回答

2 回答

我用IE兼容软件测试了一下,filter:alpha(opacity)必须要有的,不然低版本的IE是没有效果的

0 回复 有任何疑惑可以回复我~

opacity属性ie9+支持

filter属性ie6~9支持

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

opacity与filter:olpha(opacity)的兼容性,我的ie9兼容opacity,设置filter:olpha(opacity)是否有必要

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信