297332 - Lower z-index image is over higher z-index div (related relative/absolute positioning?)

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Daniel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

When the image is absolutely positioned and has z-index:5, it overlaps/covers
(is above) div with z-index: 99. It should be other way round.

PS I can't say whether this bug is or isn't severe, so putting it under Normal
severity.

Reproducible: Always

Steps to Reproduce:
1. See example URL with demonstration
Actual Results:  
Image is above div with higher z-index property set

Expected Results:  
Image should be below (covered)

Comment 1

[Daniel]

When added position: relative to ruler set, castle is now partly covered.

I haven't found nothing about the requirement having "position" property
different from static at:
http://www.w3.org/TR/REC-CSS2/visuren.html#relative-positioning

I suppose either the recommendation is missing explanation here or Firefox is
buggy? Also Explorer has same behaviour.

Comment 2

[Daniel]

the above should read:
http://www.w3.org/TR/REC-CSS2/visuren.html#z-index

Comment 3

[Peter van der Woude [:Peter6]]

simple testcase please

Comment 4

[Martijn Wargers (dead)]

Afaik, z-index only works on special positioned elements.
See the css spec for that.

Comment 5

[Daniel]

test case is here, I have posted URL with the bug, maybe it should be more
emphasized:
http://www.ambience.sk/experiments/bugz/test.php


CSS specification at:
http://www.w3.org/TR/REC-CSS2/visuren.html#z-index
DOES NOT mention anything like the only positioned elements are in z-stack.

Comment 6

[Andrew Schultz]

Attachment: testcase

simple testcase
with linux suite trunk 2005061105, I see the castle on top of the map and the
blue div

Comment 7

[Peter van der Woude [:Peter6]]

W3C:

9.9.1 Specifying the stack level: the 'z-index' property

'z-index'
    Value:  	auto | <integer> | inherit
    Initial:  	auto
    Applies to:  	positioned elements <----------
    Inherited:  	no
    Percentages:  	N/A
    Media:  	visual

adding position:relative to the <div> fixes it.

INVA ?

Comment 8

[José Jeria]

Yes, this one is invalid as Peter points out in comment 7. z-index does not
apply to non-positioned elements

--> INVALID