是否可以使 div 透明但保持内部文本不透明?
(我能想到的唯一解决方案是将文本定位在 div 之外,并尝试使用 z-index 将其定位在 div 之上。但这会非常复杂,因为我有一个非常复杂的菜单)
这里是简化的案例:http://jsfiddle.net/5Jmzh/3/
HTML:
<ul class="menu">
<li>first</li>
<li id="second"> second </li>
<li>third</li>
</ul>
CSS:
#second {
background:red;
opacity: 0.3;
filter: alpha(opacity = 30); /* A lower value makes the element more transparent */
}
最佳答案
不透明度设置该 div 内的所有内容,无法覆盖它。
改为使用 rgba 着色背景的方法:
#four {
background: rgba(255, 0, 0, .3);
...
}
这使用红色、绿色、蓝色和 alpha 值(很像 Photoshop)而不是十六进制来计算颜色,因为它是背景颜色,所以不会影响子元素。
:)
关于css - 分区透明。里面的文字不透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16144969/