在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

回答