CSS Master

Figure 4.7. A stacking context with positioned and unpositioned elements of varying z-index values

Alltheelementsinthepreviousexamplearepartoftherootstackingcontext.But
let’sseehowstackingisaffectedbyapropertythatforcesalocalcontext:opacity
whenitsvalueislessthan 1 .ConsiderthefollowingHTML:

<div id="f">

<p><b>div#f</b></p>

</div>

<div id="g">

<p><b>div#g</b></p>

</div>

It’spairedwiththisCSS:

Complex Layouts 139