layout/reftests/border-radius/clipping-and-zindex-1.html@6474c204b198
layout/reftests/border-radius/clipping-and-zindex-1.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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>
