メインコンテンツに白い背景を設定したいが、別の要素を入れ子にして透明にしたい。
レイアウトはこんな感じ。
<div id="content">
<p>Lorem Ipsum dolor sit amet, etc...</p>
<div id="morecontent">
<p>stuff</p>
</div>
</div>
に白い背景が欲しいの#content
ですが、その背景を に適用したくありません#morecontent
。つまり#morecontent
、身体と同じ背景を持つことになります。