IE7 中 div 背景透明的问题

最新推荐文章于 2018-06-14 09:46:43 发布

OkidoGreen

最新推荐文章于 2018-06-14 09:46:43 发布

阅读量7.5k

点赞数

分类专栏：前端-浏览器兼容性前端-Css

本文链接：https://blog.csdn.net/z69183787/article/details/8229121

版权

前端-Css 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

前端-浏览器兼容性

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<div style="filter:alpha(opacity:20);opacity:0.2;background:red;color:blue;">111111111111111111111</div>
</html>

这种情况下是不透明的；

但

<!DOCTYPE html>
<html>
<div style="width:100%;filter:alpha(opacity:20);opacity:0.2;background:red;color:blue;">111111111111111111111</div>
</html>

或者

<!DOCTYPE html>
<html>
<div style="position:absolute;filter:alpha(opacity:20);opacity:0.2;background:red;color:blue;">111111111111111111111</div>
</html>

IE7 下就是透明的：

按照结果来看，只要设置了宽度，IE7 下的 opacity就起作用了，不知道为什么，所以一些大型网站的透明效果还都是用透明PNG 图片来实现吧。

OkidoGreen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE7 中 div 背景透明的问题

111111111111111111111这种情况下是不透明的；但111111111111111111111或者111111111111111111111IE7 下就是透明的：按照结果来看，只要设置了宽度，IE7 下的 opacity就起作用了，不知道为什么，所以一些大型网站的透明效果还都是用透明PNG 图片来实现吧。
复制链接

扫一扫

专栏目录