还有属性 z-index:1这个属性设置在层叠里的第几个层
代码如下：
<style type="text/css">
<!--
#Layer1 {
position:absolute
background-color:#0066FF
left:55px
top:26px
width:383px
height:291px
z-index:1
}
#Layer2 {
position:absolute
background-color:#FF0000
left:104px
top:57px
width:250px
height:218px
z-index:2
left: 58px
}
-->
</style>
<body>
<div id="Layer1">sss</div>
<div id="Layer2">aaa</div>
</body>
z-index:-1postion:relative
在style里
其中z-index数值越小图层显示越底下，数值越高显示越上层
不管用什么容器，方法是设定style为绝对定位position:absolute
事先计算好坐标，设定上层图片的 left 和 top值
在下层图片的矩形范围内 ，例子代码：
<html><body>
<img src="cal01.jpg"
style="position:absoluteleft:100pxtop:100px">
<img src="cal02.jpg"
style="position:absoluteleft:300pxtop:200px">
<img src="cal03.jpg"
style="position:absoluteleft:200pxtop:300px">
</body></html>
其中3个坐标（100,100）（300,200）（200，300）自己调
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）