<分区>
<分区>
我有一个不透明度设置为 0.75 的包装 div。问题是当我放置另一个 div 时它也是透明的。
这是HTML:
<div id="header_wrapper">
<div id="header">
<div class="logo"></div>
<ul class="hor_list" id="main_menu">
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
CSS:
#header_wrapper {
background: black;
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
height: 82px;
margin-bottom: 60px;
}
在这种情况下,div.logo
和ul#main_menu
都是透明的,这是一个问题。如何阻止这种情况?
最佳答案
您不能阻止子节点具有父节点的不透明度,两种解决方法是绝对定位以将其放置在您需要的任何位置,而不是不透明度父节点的直接子节点,或者,很可能您想要背景的不透明度,然后您可以使用 RGBA 配色方案:
background-color: rgba(255, 0, 0, 0.75);
0.75 是不透明度值。
关于html - 带有不透明度的包装器并在没有不透明度的情况下在此包装器上设置 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19354571/