1

私のコードはこのようなものです

<body style="background: url('im.jpeg')">
<div class="inner" style="opacity:0.5;margin-left:20px">
  <div class="innermost">
  <p>My content</p>
  </div>
</div>   
</body>

私のコードの問題は、フルスクリーンになるようにボディに画像があり、「最も内側」のクラスには写真やテキストなどのオリジナルのコンテンツがあり、不透明度は「内側」のクラスに割り当てられていることです。そして、この不透明度は「最奥」のすべての要素に影響します。ボディスタイルに影響を与えずに「最も内側」のクラスの不透明度を防ぐ解決策はありますか? 読んでくれてありがとう。

アップデート

フルスクリーンで画像を表示できるように、私のコードの他の代替手段はありますか。

4

3 に答える 3

2

あなたが望むようにそれは起こりません。innermost が inner の内側にある場合、それはそのコンテンツの一部であり、透明になります。達成したいことに応じて、別の方法を適用できます。たとえば、透明な背景。または、内側から最も内側を削除し、絶対位置を使用します。

<div style="position:relative;margin-left:20px">
    <div class="inner" style="opacity:0.5;">

    </div>
    <div class="innermost" style="position:absolute; left:0; top:0;">
        <p>My content</p>
    </div>
</div>  
于 2013-09-11T23:11:57.957 に答える
0

親要素の不透明度の値がたとえば 0.5 に設定されている場合、そのすべての子はその不透明度の設定を継承し、子要素の不透明度を元に戻す方法はありません。これを読んでください http://www.impressivewebs.com/fixing-parent-child-opacity/

于 2013-09-12T00:00:37.593 に答える