美文网首页
解决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属性失效问题

    由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样...

  • 前端06day

    opacity属性在IE8及以下的浏览器中不支持IE8及以下的浏览器需要使用如下属性代替alpha(opacity...

  • 07day-背景雪碧图

    opacity属性在IE8及以下的浏览器中不支持IE8及以下的浏览器需要使用如下属性代替alpha(opacity...

  • opacity

    Opacity: Css3 opacity透明度设置 所有主流浏览器都支持opacity属性。. IE8和早期版本...

  • 解决IE8 input maxlength属性失效

    解决IE8 input maxlength属性失效的问题在需要的input上,加一个属性,再写一个事件,然后用下面的方法

  • 关于ie8下的opacity问题

    正常情况下,在ie8下设置opacity是无效的,ie8下的兼容设置是: opacity:.5; filter:a...

  • 实现新手引导效果笔记

    隐藏按钮文字的小技巧## opacity 属性## IE8以下浏览器都不支持 opacity css样式,可以使用...

  • 兼容

    1、opacity属性在IE8及以下的浏览器不支持,可用以下方式代替 filter: alpha(opacity=...

  • HTML5标签兼容IE9,IE8

    H5语义化标签设置宽高失效问题 如何兼容IE8 解决IE8兼容性方式 手动创建标签

  • 雪碧图/css

    opacity:0.5;filter:alpha(opacity=100); /* For IE8 and ear...

网友评论

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

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