Bootstrap图像位于另一个之上

时间:2014-03-29 21:06:21

标签: css twitter-bootstrap-3

我正在使用bootstrap,我有两个图像在另一个上面使用这样的位置:

<img src="/images/coverphoto.jpg" alt="First slide" width="100%" height="300" style="position: relative;padding: 0;">
<img src="/images/logo.png" style="position: absolute;">

我正试图让徽标显示在横幅上;但是,这是显示的内容: http://gyazo.com/018a5818f48d3310047fdad5ebd10fc7

我不确定为什么导航栏的代码位于两个图像标记的下方。我如何解决这个/我做错了什么。

提前致谢

1 个答案:

答案 0 :(得分:1)

当您设置position:relative时,下一个position: absolute将使其参考点成为相对元素的结尾。如果你想要一个在另一个之上尝试:

<img src="/images/coverphoto.jpg" alt="First slide" width="100%" height="300" style="position: absolute;padding: 0;">
<img src="/images/logo.png" style="position: absolute;">
相关问题