Z-index属性:定义图像的层次高低。默认值是:0 表示默认,-1 表示底层,1 表示上层。
实例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
img.img1{
width:180px;
height:180px;
position:absolute;
left:10px;
top:10px;
z-index:-1;
}
</style>
</head>
<body>
<h3>Z-index属性设置图像层次 </h3>
<img class="img1" src="img/pingguo.jpg"/>
<p>这个图像在文本下层</p>
</body>
</html>
运行效果:
评论