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

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

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

在此先感谢您的帮助！

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

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

Try it上的jsfiddle。

来源

2012-04-16 02:37:01 icktoofay

另一种选择是将在一个位置时，两个元件：相对于容器作为兄弟节点，而不是直接decendants，但给予好评为RGBA。好决定。 – Lazerblade 2012-04-16 02:42:50

我会尝试这两种方法rgba将工作的颜色，但不是图像。但在PhotoShop中更改图像的不透明度并不困难。 – 2012-04-16 02:59:22

你好我提的属性，通过它可以增加和减少背景的不透明度，并不会影响文本颜色的简单看CSS基本上你要使用的RGB颜色在背景& ALPA的不透明度。

background：rgba（146,146,146,0.1）;

2012-04-16 06:23:30

这不正是我接受的答案吗？ – 2012-04-16 13:16:57

回答