如何放置图像而不重叠背景图像

Question

我正在为网站创建一个模板。到目前为止，我已经创建了一个全屏背景图像。我想在背景底部包含图像，但图像重叠。那么如何使用HTML或css解决这个问题呢？

Answer 1

HTML5有<footer>。因此，如果要将图像放在底部，请在页脚标记内使用它们。

要解决重叠问题，请将每个图像包含在不同的<div>标记内并保持适当的结构。您可以为每个图像使用<div class="container">。 Ex- First div标签用于包含整个图像，每个图像都有单独的div标签。

<div class="container-fluid>
<div class="container"> <img src="img1.jpg"></div>
<div class="container"><img src="img1.jpg"></div></div>

希望这是你正在寻找的答案