layout/reftests/border-radius/clipping-and-zindex-1.html@141e0f1194b1
layout/reftests/border-radius/clipping-and-zindex-1.html
Wed, 31 Dec 2014 07:16:47 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:16:47 +0100
- branch
- TOR_BUG_9701
- changeset 3
- 141e0f1194b1
- permissions
- -rw-r--r--
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE HTML>
2 <title>Test for z-index relationship to border-radius clipping of overflow</title>
3 <style>
5 #one { position: absolute; z-index: 2; background: blue;
6 top: 50px; left: 50px; width: 100px; height: 100px }
8 #twoouter { position: absolute; border-radius: 15px; overflow: hidden;
9 top: 25px; left: 75px; width: 100px; height: 100px }
10 #twoinner { position: relative; z-index: 1; height: 100px; background: fuchsia }
12 #three { position: absolute; z-index: 0; background: yellow;
13 top: 75px; left: 100px; width: 100px; height: 100px }
15 </style>
17 <div id="one"></div>
18 <div id="twoouter"><div id="twoinner"></div></div>
19 <div id="three"></div>
