如果是背景的话,background 属性可以指定多个图片。
示例如下:
background: url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
url("haoroomsCSS2_s.jpg") 200px 0 no-repeat
就同时指定了两个图片,两个图片的位置可以通过后面的 位置参数调整。
如果是img元素,可以通过给img指定绝对定位的样式,通过绝对定位让两个img按照
要求的方式重叠。
比如:
img#id1 {position:absolutetop:0left:0width:100%display:block}
mg#id2 {position:absolutetop:20pxleft:0width:100%display:block}
如果要使用绝对定位,img的父元素的样式需要加上 position:relative
使用伪类样式,设置div的属性position为absolute,还有属性 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>