css怎么把两个图片叠加在一起啊？

如图，麻烦说详细点。

2024-12-18 18:48:49

推荐回答（1个）

回答1：

如果是背景的话，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;