summaryrefslogtreecommitdiffstats
path: root/layout/reftests/z-index/z-index-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/z-index/z-index-1.html')
-rw-r--r--layout/reftests/z-index/z-index-1.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/z-index/z-index-1.html b/layout/reftests/z-index/z-index-1.html
new file mode 100644
index 000000000..a77e890cd
--- /dev/null
+++ b/layout/reftests/z-index/z-index-1.html
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>CSS 2.1 Test Suite: z-index</title>
+ <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" />
+ <meta name="flags" content="" />
+<style>
+.container {
+ position:absolute;
+ width:400px;
+ height:100px;
+ font-size:0;
+ background-color:yellow;
+ line-height:0;
+ z-index:0;
+}
+.container > div {
+ height:100px;
+ margin-bottom:-100px;
+}
+.negative {
+ width:380px;
+ background-color:blue;
+ position:relative;
+ z-index:-1;
+}
+.block {
+ width:360px;
+ background-color:purple;
+}
+.float {
+ float:left;
+ width:340px;
+ margin-right:-340px;
+ background-color:green;
+}
+.inline {
+ width:320px;
+ display:inline-block;
+ background-color:pink;
+}
+#outline {
+ width:300px;
+ outline:20px solid gray;
+ outline-offset:-20px;
+}
+.positioned {
+ width:280px;
+ background-color:magenta;
+ position:relative;
+}
+.positive {
+ width:260px;
+ background-color:orange;
+ position:relative;
+ z-index:1;
+}
+</style>
+</head>
+<body>
+<div class="container">
+ <div class="positive"></div>
+ <div class="positioned"></div>
+ <div id="outline"></div>
+ <div class="inline"></div>
+ <div class="float"></div>
+
+ <div class="block"></div>
+ <div class="negative"></div>
+</div>
+</body>
+</html>