W3C home > Mailing lists > Public > www-style@w3.org > November 2014

Re: [css-grid] Overlapping elements & backgrounds

From: Manuel Rego Casasnovas <rego@igalia.com>
Date: Mon, 03 Nov 2014 10:26:37 +0100
Message-ID: <54574A4D.3050701@igalia.com>
To: 'www-style list' <www-style@w3.org>
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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:26 UTC