你要是不嫌麻烦就给两个div分别定位
<div class=“apDiv” id="apDiv1"><img src="tm-img-310x180-1_看图王.jpg" width="264" height="180" alt=""/></div>
<div class=“apDiv” id="apDiv2"><img src="tm-img-310x180-2_看图王.jpg" width="200" height="180" alt=""/></div>
<style type="text/css">
.apDiv{
width: 264px
height: 100px
}
#apDiv1 {
position: absolute
left: 249px/*左右位置*/
top: 1014px/*上下位置*/
}
#apDiv2 {
position: absolute
left: 615px/*左右位置*/
top: 1014px/*上下位置*/
}
<style>
希望对你有帮助!
xiwan
有两种方式;
①:一张作为背景,一张用<img/>图片标签,如:
<div style="background:url('1.jpg') 0 0 no-repeat"><img src="2.jpg" />
</div>
②:两张图片都用<img />标签,用绝对位置定位,利用z-index属性控制其上下层关系,z-index的值越大,就越上如:
<div style="position:relative"><img src="1.jpg" style="position:absolute left:0 top:0 z-index:1" />
<img src="1.jpg" style="position:absolute left:0 top:0 z-index:2" />
</div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)