Bug 59913 - Box-shadow does not respect z-index
Summary: Box-shadow does not respect z-index
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-01 20:25 PDT by Matthew Hailwood
Modified: 2011-05-16 08:46 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Matthew Hailwood 2011-05-01 20:25:48 PDT 
If a box is given a z-index and applied a box-shadow elements higher in the dom tree appear lower than the z-indexed element but above the box-shadow.


E.g:
<div style="height:200px;background-color:#f00;">I am higher in the dom</div>
<div style="z-index:999;height:200px; background-color: #0f0;box-shadow: 0px -5px 5px #000000;margin-top:-10px;">I am lower in the dom however I have a z-index, I am visible but my show is under the parent div...</div>
Comment 1 Alexey Proskuryakov 2011-05-01 23:30:35 PDT 
I cannot reproduce this with r85404. Did you actually test with a nightly build from <http://nightly.webkit.org/>?
Comment 2 Mihnea Ovidenie 2011-05-16 02:35:27 PDT 
The problem can be reproduced with Safari 5.0.5 on Mac. However, using latest WebKit nightly(86505), the problem cannot be reproduced and WebKit behaves like the other browsers: FF4, Opera, Chrome on Mac.

Again, what version of WebKit have you used to reproduce the problem?
Comment 3 Alexey Proskuryakov 2011-05-16 08:46:24 PDT 
Please feel free to re-open if you can still reproduce in nightly builds.