div背景图片两个重合,第二张图片在第一张图片上
时间: 2023-08-24 15:03:43 浏览: 206
获取两张图片重叠部分,并融合
3星 · 编辑精心推荐
你可以使用CSS的background属性来实现这个效果。具体步骤如下:
1. 在HTML中使用div元素,并设置其样式。
```html
<div class="bg-image"></div>
```
2. 在CSS中为该div元素设置背景图片。
```css
.bg-image {
background-image: url("image1.jpg"), url("image2.jpg");
background-position: center center, center center;
background-repeat: no-repeat;
background-size: cover;
}
```
在这个例子中,我们为该div元素设置了两张背景图片,第一张图片是"image1.jpg",第二张图片是"image2.jpg"。使用逗号分隔两张图片。然后我们将两张图片的位置设置为居中,重复方式为不重复,大小为cover。
这样,两张图片就会重合在一起,第二张图片在第一张图片上。
阅读全文