如何重叠两张图片,css怎么把两个图片叠加在一起啊?
答案:1 悬赏:80 手机版
解决时间 2021-07-31 23:55
- 提问者网友:树红树绿
- 2021-07-31 08:52
如何重叠两张图片,css怎么把两个图片叠加在一起啊?
最佳答案
- 五星知识达人网友:执傲
- 2021-07-31 09:34
如果是背景的话,background 属性可以指定多个图片。
比如
background: url(haoroomsCSS1_s.jpg) 0 0 no-repeat,
url(haoroomsCSS2_s.jpg) 200px 0 no-repeat;
就同时指定了两个图片,两个图片的位置可以通过后面的 位置参数调整。
如果是img元素,可以通过给img指定绝对定位的样式,通过绝对定位让两个img按照
要求的方式重叠。
比如:
img#id1 {position:absolute; top:0; left:0; width:100%; display:block;}
mg#id2 {position:absolute; top:20px; left:0; width:100%; display:block;}
试试就知道了。如果要使用绝对定位,img的父元素的样式需要加上 position:relative;
比如
background: url(haoroomsCSS1_s.jpg) 0 0 no-repeat,
url(haoroomsCSS2_s.jpg) 200px 0 no-repeat;
就同时指定了两个图片,两个图片的位置可以通过后面的 位置参数调整。
如果是img元素,可以通过给img指定绝对定位的样式,通过绝对定位让两个img按照
要求的方式重叠。
比如:
img#id1 {position:absolute; top:0; left:0; width:100%; display:block;}
mg#id2 {position:absolute; top:20px; left:0; width:100%; display:block;}
试试就知道了。如果要使用绝对定位,img的父元素的样式需要加上 position:relative;
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯