1

opacity:0.5サブ div にもメッセージが含まれているため、メイン div の不透明度を追加しました。HTML:

<div id="word_wrap">
    <div id="top_div">
        Hi Folks Nice to Meet you
            </div>
</div>
<input id="floating_button" type="button" value="Click Me"/>

ここにフィドルがあります：

http://jsfiddle.net/JVQTh/ これで、サブ div を含む div に完全に不透明度が表示されます。しかし、背景の不透明度を使用して、不透明度なしでサブ div を表示したい。jqueryまたはcssでそれを行うことは可能ですか？

上記のフィドルでは、サブ div の背景を赤にします。不透明度なしでサブ div を表示したい。サブ div 自体または対応する div 自体の不透明度を除外する方法。

ありがとう。

4

1 に答える 1

3

要素に不透明度を設定すると、その要素のすべての子要素の不透明度が 1 になりますが、親要素内にあるため、親要素に設定された不透明度が子要素にも影響するため、設定できません。子の不透明度はすでに 1 であるため、子の不透明度は親よりも「より見えやすく」なります。

最も近いのは rgba 色です。これは、すべてのブラウザーでサポートされているわけではありません。

background-color: rgba(255, 0, 0, 0.5);

フィドル

これにより、要素全体またはその子の不透明度を設定せずに、背景色がアルファ (不透明度) 0.5 の赤に設定されます。

于 2013-09-28T11:55:40.023 に答える