在style里
其中z-index数值越小图层显示越底下，数值越高显示越上层
同一个元素不能设置2个背景图片的，当然可以这样做，写一个盒子（div）固定宽高，添加背景图片，，然后在这个div里面再写一个div和外围的div等宽高，样式加一个position：absolute属性，绝对定位来使两个div重叠，然后给它设置背景图片（background：url(../1.jpg)no-repeat center）即可使用伪类样式，设置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>
