layout/reftests/z-index/z-index-1-ref.html@6474c204b198
layout/reftests/z-index/z-index-1-ref.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 <html>
3 <head>
4 <style>
5 .container {
6 position:absolute;
7 width:400px;
8 height:100px;
9 background-color:yellow;
10 z-index:0;
11 }
12 .container > div {
13 height:100px;
14 margin-bottom:-100px;
15 }
16 .negative {
17 width:380px;
18 background-color:blue;
19 }
20 .block {
21 width:360px;
22 background-color:purple;
23 }
24 .float {
25 width:340px;
26 background-color:green;
27 }
28 .inline {
29 width:320px;
30 background-color:pink;
31 }
32 #outline {
33 height:60px;
34 width:260px;
35 border:20px solid gray;
36 }
37 .positioned {
38 width:280px;
39 background-color:magenta;
40 }
41 .positive {
42 width:260px;
43 background-color:orange;
44 }
45 </style>
46 </head>
47 <body>
48 <div class="container">
49 <div class="negative"></div>
50 <div class="block"></div>
51 <div class="float"></div>
52 <div class="inline"></div>
53 <div id="outline"></div>
55 <div class="positioned"></div>
56 <div class="positive"></div>
57 </div>
58 </body>
59 </html>
