关于CSS背景不透明度问题

0 投票
最新提问 3月 31 用户: 点心 (280 分)

我使用了下面的代码:

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

我打算将背景的不透明度设为0.4,文本100%不透明。然而,它们的不透明度都是0.4。

1个回答

0 投票
最新回答 3月 31 用户: 双鱼座 (300 分)

内层的DIV会继承不透明度,这样会方便使用。

可以使用半透明png作为背景图像,或者使用RGBa(a是alpha透明度通道)颜色作为背景颜色。

例如,50%透明度的黑色背景:

<div style="background-color:rgba(0, 0, 0, 0.5);">
   <div>
      Text added.
   </div>
</div>
欢迎来到编程助手,编程方面有什么不懂的问题可以尽管在这里提问,你将会收到热心爱好者的回答。
...