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

は私がいない二子divはcssを持つ親より高い不透明度を持つことができますか？

<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>

明らかにセカンドレベルのdivが0.9の不透明度を拾うだけでなく、私はdiv要素の最初のレベルによって表示したい画像が、あるページ本体のバックグラウンドを持っていますこれを上書きする方法はありますか？

出典

2012-04-04 Brian

これは役立つはずです。 http://css-tricks.com/non-transparent-elements-inside-transparent-elements/ –

簡単な答えはノーです：あなたはそれを回避する方法を見つける必要があります。 – BoltClock

[CSSの親から子の不透明度を継承したくない]の重複が可能です（http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity -from-the-parent-in-css） –

をこんにちは、あなたが好きなように親opicity

と子を定義することができ、このような

として行うことができますあなた

ex。

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-04 05:23:42

これらのいずれかは、あなたが始める必要があります。

Answer 1

Answer 2

出典

2012-04-04 05:02:23 cereallarceny

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

答えて

関連する問題