侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

半透明background的兼容性

2024-05-08 星期三 / 0 评论 / 0 点赞 / 55 阅读 / 840 字

background:rgba(0,0,0,0.4) rgba对ie8来说,是不兼容的,也就是说上面的样式,在ie8中显示的是100%的黑色;但是在火狐,谷歌等其他浏览器中是显示40% 的黑。 想让I

background:rgba(0,0,0,0.4)

rgba对ie8来说,是不兼容的,也就是说上面的样式,在ie8中显示的是100%的黑色;但是在火狐,谷歌等其他浏览器中是显示40% 的黑。

想让IE8也呈现半透明色:

在background:rgba(0,0,0,0.4)属性之后,添加:

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000),其中,33为IEfilter值,对应rgba透明值。

如果这种办法,看起来比较费劲的话,还有一种简单的方法:

css:background:#000000;opacity:0.3;filter: alpha(opacity=30);给需要透明的div加上这三个属性。

广告 广告

评论区