小编典典

CSS背景不透明度

html

我正在使用类似于以下代码的内容:

<div style="opacity:0.4; background-image:url(...);">
    <div style="opacity:1.0;">
        Text
    </div>
</div>

我希望这可以使背景的不透明度为0.4,文本的不透明度为100%。相反,它们都具有0.4的不透明度。


阅读 283

收藏
2020-05-10

共1个答案

小编典典

儿童遗传不透明。如果他们不这样做,那将会很奇怪和不便。

您可以为背景图像使用半透明的PNG文件,也可以为背景颜色使用RGBa(alpha表示)颜色。

例如,50%的黑色背景褪色:

<div style="background-color:rgba(0, 0, 0, 0.5);">

   <div>

      Text added.

   </div>

</div>
2020-05-10