Bug 159860

Summary: negative z-index with transform rotatex
Product: WebKit Reporter: Joey Hoer <me>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: dino, simon.fraser
Priority: P2    
Version: Safari 9   
Hardware: Mac   
OS: OS X 10.11   
Attachments:
Description Flags
Example of negative z-index with transform rotatex none

Joey Hoer
Reported 2016-07-16 19:13:04 PDT
Created attachment 283857 [details] Example of negative z-index with transform rotatex Elements with a negative `z-index` and `transform: rotatex(…)` break z-index stacking.
Attachments
Example of negative z-index with transform rotatex (285 bytes, text/html)
2016-07-16 19:13 PDT, Joey Hoer
no flags
Simon Fraser (smfr)
Comment 1 2016-07-18 10:11:54 PDT
You're seeing element intersection. There's poor interop between browsers with this, but it behaves as described in the current draft of the CSS transforms spec.
Joey Hoer
Comment 2 2016-07-18 10:37:11 PDT
You're right. Link to the spec: http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering. See Example 9.
Note You need to log in before you can comment on or make changes to this bug.