On Jan 11, 2011, at 9:22 AM, Bobby Jack wrote: > Can someone explain the behaviour I'm seeing here [1] which is as follows: > > 1. A block-level element in the normal flow, following 2 floated DIVs (one > left, one right) appears behind them. This, I would expect; the floats have a > greater stack level. > > 2. But if an opacity is applied to the normal flow element, it appears in > front of the floats. Or at least, it appears to. > > Am I misunderstanding opacity, stacking order, or something else entirely? > > [1] http://www.fiveminuteargument.com/html/weird-opacity.html
http://www.w3.org/TR/css3-color/#transparency [quote] … implementations must create a new stacking context for any element with opacity less than 1 [/quote] So, yes, an element E with opacity less than 1 will stack on top of those floated elements. Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/