piece of code to do right thing

原创于 2011-12-04 18:21:03 发布 · 67 阅读

·

0

·

CC 4.0 BY-SA版权


<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:-37px;
height:10px;
width:20px;
z-index:-1
}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<div style="position:fixed;left:0;top:0;height:100%;width:100%;">
<div style="position:absolute;background-color:#333333;opacity:0.6;z-index:2;height:100%;width:100%;"></div>
</div>
<div style="position:relative;height:0;">
<img class="x" src="/i/eg_mouse.jpg" /> 
</div>
<p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
</body>

</html>