三张图片,一张作为背景固定不变,另两张放在右下角
时间: 2023-10-11 19:29:06 浏览: 144
好的,我理解了你的要求。我可以提供以下代码示例来实现你的需求:
```html
<div style="position: relative;">
<img src="background.jpg" style="position: absolute; top: 0; left: 0;">
<img src="image1.jpg" style="position: absolute; bottom: 0; right: 0;">
<img src="image2.jpg" style="position: absolute; bottom: 0; right: 0;">
</div>
```
这段代码中,我们使用了 `position: relative` 来使得父容器成为相对定位的容器。然后,我们使用 `position: absolute` 来使得图片成为绝对定位的元素。通过设置 `top`、`left`、`bottom` 和 `right` 属性,我们可以将图片放在正确的位置上。只需要将第一张图片作为背景图,其他两张图片放在右下角即可。
希望这个示例能够帮到你。如果你还有其他问题,可以继续问我。
阅读全文