Open Bug 729625 Opened 14 years ago Updated 3 years ago

With preserve-3d, untransformed elements are not stacked correctly

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Platform:
x86
Linux
Type:
defect

Tracking

()

People

(Reporter: ayg, Unassigned)

Details

Test-case: data:text/html,<!doctype html> <div style="-moz-transform-style:preserve-3d"> <div style="height:100px;width:100px;background:lime"></div> <div style="height:100px;width:100px;background:red; -moz-transform:translate3d(0,-100px,-10px)"></div> </div> This renders as red in mozilla-central. It also renders as red in IE10 Developer Preview, but that's just because IE doesn't support preserve-3d yet. In Chrome 18 dev with GPU acceleration, it renders as green. The spec says: """ Untransformed elements in a 3D rendering context render on the Z=0 plane, yet may still intersect with transformed elements. Within a 3D rendering context, the rendering order of non-intersecting elements is based on their position on the Z axis after the application of the accumulated transform. Elements at the same Z position render in stacking context order. """ http://dev.w3.org/csswg/css3-transforms/#transform-3d-rendering This makes it sound like Chrome is correct, and it's what I'd expect. Adding "-moz-transform:translate(0)" or such to the first div makes it green in Gecko too.
Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.