html怎么让这两张照片分开,而且不影响照片的随意定位

html怎么让这两张照片分开,而且不影响照片的随意定位,第1张

html里是不能有两个一样的id吧?你那个没报错吗

你要是不嫌麻烦就给两个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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7469907.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存