定位img和背景答案

【问题标题】：positioning img and backgrounds定位img和背景
【发布时间】：2023-03-25 17:39:01
【问题描述】：

我正在寻找将图像放置在屏幕上的解决方案，试图在 div class=col 中制作容器并放置整个东西，但即使相对位置也不起作用。我正在使用 bootstrap5，SCSS。

<div class="col-md-3">
                <div class="imgs">
                <img class="obraz1" src="images/content/obraz1.jpg" alt="obrazek1">
                <img class="sign2" src="images/content/sign2.png" alt="znak1">
                <img class="obraz2" src="images/content/obraz2.jpg" alt="obrazek2">
                <img class="sign1" src="images/content/sign1.png" alt="znak2">
                </div>
            </div>

有什么想法吗？

【问题讨论】：

希望您至少尝试自己编写代码。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。

标签： html css bootstrap-5

【解决方案1】：

根据您提供的设计，您需要使用额外的 CSS 样式将符号放置在这些确切位置。

看，怎么做的文章Absolute Positioning Inside Relative Positioning

此外，您还需要设置不同的z-index 值以将图像堆叠在一起。

请参阅 MDN 网络文档上的 documentation page 以获取 z-index。

【讨论】：