web-dev-qa-db-ja.com

子divは、cssを持つ親よりも不透明度を高くすることができますか？

ページ本体に背景があります。これは、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の不透明度も取得しますが、これをオーバーライドする方法はありますか？

cssopacity
24
Brian

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

親のオピシティを定義できます

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

例.

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/

31
Rohit Azad

これらのいずれかがあなたを始めるはずです：

回答1

回答2

0
cereallarceny