html - 在 CSS 中使用不透明度时，如何使背景透明但文本不透明？

Question

基本上我有一个我希望背景透明的 div。

<div id="modSideTop"><div id="modSideTopText">This Text Must Not Be Transparent</div></div>

modSideTop div 有一个通过 css 附加的背景图像。我需要的其余 css 是什么来保持文本正常和背景透明？

在此先感谢您的帮助！

Answer 1

使用颜色而不是使用rgba. 例如 50% 半透明黑色：backgroundopacity

background: rgba(0, 0, 0, 0.5);

在 JSFiddle 上试试。

Answer 2

嗨，我提到的属性可以通过它增加和减少背景的不透明度，并且不会影响文本颜色，简单地看CSS，基本上你必须在背景和 alpa 中使用 rgb 颜色来获得不透明度。

背景：rgba（146,146,146,0.1）；

或查看示例：- http://jsfiddle.net/8LFLd/3/