Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 146 lines (123 sloc) 3.818 kB
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <title>Tests for z-index</title>
6
7 <style type="text/css">
8
9 html {
10 margin: 0;
11 padding: 0;
12 }
13 body {
14 background: url(background2.gif);
15 padding: 20px 50% 20px 0;
16 }
17
18 .test {
3e71920 Split the monolithic PIE.htc into separate source files per class/com…
Jason Johnston authored
19 behavior: url(../build/PIE.htc);
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
20 padding: 20px;
21 margin: 0 20px 20px;
22 background: #EEE;
23 -moz-border-radius: 1em;
24 border-radius: 1em;
25 -moz-box-shadow: 0 0 10px;
8881155 Allow non-prefixed border-image and box-shadow CSS styles to be used,…
Jason Johnston authored
26 box-shadow: 0 0 10px;
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
27 white-space: nowrap;
28 }
29
30 .wrapper {
31 padding: 20px 0;
32 margin: 0 20px 20px;
33 background: url(background1.gif);
34 border: 1px solid;
35 }
36
37 .clearer {
38 clear: both;
39 }
40
41 #test1 {
42 position: static;
43 }
44 #test2 {
45 position: relative;
46 }
47 #test3 {
48 position: absolute;
49 top: 20px;
50 right: 0;
51 }
52
53 #test4 {
54 position: static;
55 float: left;
56 }
57 #test5 {
58 position: relative;
59 float: left;
60 clear: left;
61 }
62
63 #test6 {
64 position: static;
65 z-index: 1;
66 }
67 #test7 {
68 position: relative;
69 z-index: 1;
70 }
71 #test8 {
72 position: absolute;
73 top: 100px;
74 right: 0;
75 z-index: 1;
76 }
77
78 #test9 {
79 position: static;
80 }
81 #test10 {
82 position: relative;
83 }
84 #test11 {
85 position: absolute;
86 top: 180px;
87 right: 0;
88 }
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
89 #test9 {
90 position: static;
91 zoom: 1;
92 }
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
93
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
94 #test13 {
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
95 position: static;
96 z-index: 1;
97 }
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
98 #test14 {
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
99 position: relative;
100 z-index: 1;
101 }
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
102 #test15 {
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
103 position: absolute;
104 top: 320px;
105 right: 0;
106 z-index: 1;
107 }
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
108 #test16 {
109 position: static;
110 z-index: 1;
111 zoom: 1;
112 }
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
113
114
115
116
117 </style>
118 </head>
119 <body>
120
121 <div class="test" id="test1">position:static, no z-index</div>
122 <div class="test" id="test2">position:relative, no z-index</div>
123 <div class="test" id="test3">position:absolute, no z-index</div>
124
125 <div class="test" id="test4">float:left, position:static, no z-index</div>
126 <div class="test" id="test5">float:left, position:relative, no z-index</div>
127
128 <div class="clearer"></div>
129
130 <div class="test" id="test6">position: static, z-index: 1</div>
131 <div class="test" id="test7">position: relative, z-index: 1</div>
132 <div class="test" id="test8">position: absolute, z-index: 1</div>
133
134 <div id="test9" class="wrapper"><div class="test">Nested within position: static, no z-index</div></div>
135 <div id="test10" class="wrapper"><div class="test">Nested within position: relative, no z-index</div></div>
136 <div id="test11" class="wrapper"><div class="test">Nested within position: absolute, no z-index</div></div>
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
137 <div id="test12" class="wrapper"><div class="test">Nested within position: static, no z-index, hasLayout</div></div>
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
138
21f2e6b Add tests for containers with hasLayout
Jason Johnston authored
139 <div id="test13" class="wrapper"><div class="test">Nested within position: static, z-index: 1</div></div>
140 <div id="test14" class="wrapper"><div class="test">Nested within position: relative, z-index: 1</div></div>
141 <div id="test15" class="wrapper"><div class="test">Nested within position: absolute, z-index: 1</div></div>
142 <div id="test16" class="wrapper"><div class="test">Nested within position: static, z-index: 1, hasLayout</div></div>
cf0e04d Add test document for testing elements with different position and z-…
Jason Johnston authored
143
144 </body>
145 </html>
Something went wrong with that request. Please try again.