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

时间:2017-05-16 06:51:29

标签: html css twitter-bootstrap css3 background-image

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

https://github.com/joshswan/react-native-autolink

1 个答案:

答案 0 :(得分:0)

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>

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