我有两个 div,看起来像这样
<div id="outer">
<div id="inner>
</div>
</div>
#outer {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity:0.50;
}
问题是我在内部 div 中获得了不透明度。我知道我可以将内部 div 放在外部 div 之外,但这不是我的解决方案
最佳答案
是的,那是因为你正在淡化 #outer
和它的所有inside。
如果您只是想淡化背景颜色,您有两个选择:
- 使用透明的 .gif 作为背景图片。
- 使用 rgba。 Rg。
background-color: rgba(0, 0, 0, .6)
等于黑色,不透明度为 60%。
*编辑*
刚刚发现它是针对 Internet Explorer 6 的,请下次更清楚。 在这种情况下,rgba 将不起作用,所以放弃它。 您仍然可以使用透明背景图像来执行此操作,但是您需要一个 jQuery 插件来使 IE6 支持 .png 图像。这是一个http://jquery.andreaseberhard.de/pngFix/
关于html - 两个 div 的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8308851/