css怎么把两个图片叠加在一起啊？
答案:1 悬赏:70 手机版
解决时间 2021-01-27 13:40
- 提问者网友：鐵馬踏冰河
- 2021-01-27 09:50
css怎么把两个图片叠加在一起啊？
最佳答案
- 五星知识达人网友：洎扰庸人
- 2021-01-27 11:05
如果是背景的话，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;
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯