我正在使用类似于以下代码的内容:
<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
Text
</div>
</div>
我希望这会使背景的不透明度为 0.4,文本的不透明度为 100%。相反,它们的不透明度均为 0.4。
最佳答案
child 继承不透明度。如果他们不这样做会很奇怪和不方便。
您可以使用半透明 PNG 文件作为背景图片,或使用 RGBa(a 表示 alpha)颜色作为背景颜色。
例如,50% 褪色的黑色背景:
<div style="background-color:rgba(0, 0, 0, 0.5);">
<div>
Text added.
</div>
</div>
https://stackoverflow.com/questions/10422949/