gecko/layout/reftests/z-index/stacking-context-common.css
L. David Baron b38b58369f Bug 976364: Make 'perspective' create a stacking context. r=mattwoodrow
While it seems a little silly since 'perspective' doesn't require
atomicity (rather, it adds an additional transformation to any 3-D
descendants, which already require atomicity), the spec requires it, and
it matches WebKit.
2014-02-26 13:36:36 -08:00

27 lines
506 B
CSS

.contain, .maybesc {
width: 100px;
height: 100px;
}
.contain, .maybesc {
position: relative;
}
.inner1, .inner3, .intruder {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.inner1 {
left: 5px; right: 30px;
background: rgba(0, 255, 255, 0.5); /* aqua */
z-index: 1;
}
.inner3 {
left: 30px; right: 5px;
background: rgba(255, 255, 0, 0.5); /* yellow */
z-index: 3;
}
.intruder {
top: 20px; bottom: 20px;
background: rgba(255, 0, 255, 0.5); /* fuchsia */
z-index: 2;
}