html - CSSで不透明度を使用する場合、テキストではなく背景を透明にするにはどうすればよいですか？

Question

基本的に、背景を透明にしたいdivがあります。

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

modSideTop divには、cssを介して添付された背景画像があります。テキストを通常の状態に保ち、背景を透明に保つために必要な残りのcssは何でしょうか？

よろしくお願いします！

Answer 1

を使用するのrgbabackgroundではなく、色を使用してくださいopacity。たとえば、50％の半透明の黒：

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

JSFiddleで試してみてください。

Answer 2

こんにちは私はあなたが背景の不透明度を増減することができ、それがテキストの色に影響を与えないプロパティに言及していますその単純なCSSを参照してください基本的にあなたは不透明度のために背景とアルパでrgb色を使用する必要があります。

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

または例を参照してください：-http：//jsfiddle.net/8LFLd/3/