Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 146 lines (123 sloc) 3.818 kb
cf0e04d Add test document for testing elements with different position and z-ind...
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/compon...
Jason Johnston authored
19 behavior: url(../build/PIE.htc);
cf0e04d Add test document for testing elements with different position and z-ind...
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, wh...
Jason Johnston authored
26 box-shadow: 0 0 10px;
cf0e04d Add test document for testing elements with different position and z-ind...
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-ind...
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-ind...
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-ind...
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-ind...
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-ind...
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-ind...
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-ind...
Jason Johnston authored
143
144 </body>
145 </html>
Something went wrong with that request. Please try again.