用HTML怎样在已有的一张背景图片上再居中叠加一张图片,求代码。

html-css015

用HTML怎样在已有的一张背景图片上再居中叠加一张图片,求代码。,第1张

同一个元素不能设置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>

如果B不想用背景图,那么就把他们两个放到一个容器中(box),然后给这个容器(box,也就是A和B的父元素)设置 position:relative属性

然后A和B都设置position:absolute属性

再给他们分别设置z-index属性,z-index:数字,数字越大越在上面

希望能帮到你