Re: [css-grid] Overlapping elements & backgrounds

On 01/11/14 17:45, François REMY wrote:
>>> Why are the backgrounds drawn in z-index order for all items,
>>> and then only is the content ? Shouldn’t the “B” letter be
>>> rendered underneath the background of the C-box?
>>
>> Yes, this is a painting order bug.  
>> Though backgrounds are of course drawn before text, elements
>> are drawn whole before following siblings.
> 
> Okay, that's what I thought, too. 

I guess this is already reported in Chromium:
http://code.google.com/p/chromium/issues/detail?id=275111

The problem is that it seems to be something that also happens with
regular divs (no grid involved) in all the browsers. Just try the
following simple example:
<div style="background-color: lime; width: 100px; height: 100px;">B</div>
<div style="background-color: cyan; width: 100px; height: 100px;
margin-top: -100px;">C</div>

You'll see C on top of B on top of a cyan box.

Bye,
  Rego

Received on Monday, 3 November 2014 09:27:14 UTC