|
1 <!DOCTYPE HTML> |
|
2 <title>Test for z-index relationship to border-radius clipping of overflow</title> |
|
3 <style> |
|
4 |
|
5 #one { position: absolute; background: blue; |
|
6 top: 50px; left: 50px; width: 100px; height: 100px } |
|
7 |
|
8 #two { position: absolute; border-radius: 15px; background: fuchsia; |
|
9 top: 25px; left: 75px; width: 100px; height: 100px } |
|
10 |
|
11 #three { position: absolute; background: yellow; |
|
12 top: 75px; left: 100px; width: 100px; height: 100px } |
|
13 |
|
14 </style> |
|
15 |
|
16 <div id="three"></div> |
|
17 <div id="two"></div> |
|
18 <div id="one"></div> |