美文网首页
解决IE8下opacity属性失效问题

解决IE8下opacity属性失效问题

作者: 吕师傅_ | 来源:发表于2017-09-27 15:10 被阅读0次

    由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题。
    在IE8及其更早的浏览器下,我们可以使用filter属性,来代替opacity属性,从而达到IE8下设置元素透明度目的。
    例如,需要将div的透明度设置为80%,相应的写法应该为:

        div{
            opacity:0.8;
            filter:Alpha(opacity=80);
            }
    

    注意:

    opacity和filter属性必须同时存在才能保证在所有浏览器下你的透明度效果都会生效。

    相关文章

      网友评论

          本文标题:解决IE8下opacity属性失效问题

          本文链接:https://www.haomeiwen.com/subject/mteuextx.html