27

ページ本文の背景に、第 1 レベルの div では表示したいが、第 2 レベルでは表示したくない画像があります。

<body>
      <div style='opacity:0.9;'><p>This is a wrapper that shows some of the background</p>
          <div style='background-color:#fff;'><p>This is a child div that I want to be all white</p>
          </div>
      </div>
</body>

明らかに、第 2 レベルの div は .9 の不透明度を取得しますが、これをオーバーライドする方法はありますか?

4

2 に答える 2

33

こんにちは、あなたはこのようにすることができます

親の透明度を定義できます

そしてあなたのような子供

元。

CSS

.parent{
    padding:20px;
    background:rgba(112,81,246,0.3);
}
.child{
    padding:20px;
    background:rgba(112,81,246,0.6);
}
​

HTML

<div class="parent">
<div class="child">Hello i m child</div>
</div>​

ライブデモはこちらhttp://jsfiddle.net/rohitazad/PC4sL/

于 2012-04-04T05:23:42.370 に答える
0

これらのいずれかを開始する必要があります。

答え 1

答え 2

于 2012-04-04T05:02:23.137 に答える