html2canvas/tests/cases/zindex/z-index5.html
arrix 16d3bef255 z-index overhaul. relative above static; negative z-index
1. when stacking without z-index, positioned > floated > normal flow
2. supports negative z-index
3. new stacking context formed when opacity < 1 (standard)
4. new stacking context formed for position:fixed (no standard yet, done in mobile webkit and chrome 22+)
2013-08-06 03:36:12 +08:00

35 lines
769 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>z-index tests #5</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../test.js"></script>
<style type="text/css">
div.lev1 {
width: 250px;
height: 70px;
position: relative;
border: 2px solid #669966;
background-color: #ccffcc;
padding-left: 5px;
}
div.background {
position: fixed;
top: 0;
bottom: 0;
width: 250px;
background-color: #ffdddd;
}
</style></head>
<body>
<div class="lev1">
LEVEL #1
</div>
<div class="background"></div>
<div class="lev1">
<span>LEVEL #1</span>
</div>
</body>
</html>