From 2ba1d246f7dede17c8564497d23b2db745063aea Mon Sep 17 00:00:00 2001 From: MoyuScript <i@moyu.moe> Date: Sat, 15 Feb 2014 00:30:38 +0200 Subject: [PATCH] Add another z-index test --- tests/cases/zindex/z-index16.html | 36 +++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 tests/cases/zindex/z-index16.html diff --git a/tests/cases/zindex/z-index16.html b/tests/cases/zindex/z-index16.html new file mode 100644 index 0000000..c9030ea --- /dev/null +++ b/tests/cases/zindex/z-index16.html @@ -0,0 +1,36 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<HTML> +<HEAD> + <TITLE>Z-order positioning</TITLE> + <STYLE type="text/css"> + .pile { + position: absolute; + left: 2in; + top: 2in; + width: 3in; + height: 3in; + } + </STYLE> + <script type="text/javascript" src="../../test.js"></script> +</HEAD> +<BODY> +<P> + <IMG id="image" class="pile" + src="../../assets/image.jpg" alt="A butterfly image" + style="z-index: 1"> + +<DIV id="text1" class="pile" + style="z-index: 3"> + This text will overlay the butterfly image. +</DIV> + +<DIV id="text2"> + This text will be beneath everything. +</DIV> + +<DIV id="text3" class="pile" + style="z-index: 2"> + This text will underlay text1, but overlay the butterfly image +</DIV> +</BODY> +</HTML>