我正在使用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
我不确定为什么导航栏的代码位于两个图像标记的下方。我如何解决这个/我做错了什么。
提前致谢
答案 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;">