您的位置:首页 > 其它

IE7 中 div 背景透明的问题

2012-11-27 11:09 281 查看
<!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 图片来实现吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: