使用CSS的不透明度时如何使背景透明而不是文本？

Question

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

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

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

先谢谢你的帮助！

Answer 1

background使用an rgba color而不是opacity。例如，50％半透明黑色：

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

JSFiddle上的

Try it。

Answer 2

您好我提到的属性可以通过它来增加和减少背景的不透明度，这不会影响文字颜色，简单看到 CSS 基本上你必须在背景中使用rgb颜色＆安培;不透明的alpa。

背景：RGBA（146,146,146,0.1）;

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