图像走出容器外面

Question

我有一个想要与横幅重叠的图像，但是当我重新调整窗口大小时图像不随其移动时我遇到了问题。我提供了截图和我的CSS。

CSS：

.coslogo {
    display: block;
    margin: -150px auto 0;
    top: 150%;
    /*padding: 20px;*/
    width: 100%;
    left: 50%;
    margin-left: 590px;
    z-index: 9;
}

.coslogo img {
    overflow: auto;
}

Answer 1

看起来你的位置设置为绝对，因为你如何定位重叠的横幅。您希望将position:relative;添加到.coslogo的css中。没有HTML，我不能更具体，所以如果这没有帮助，请加入！

Answer 2

您可以使用relative和absolute定位z-index将图像放在另一个上。

.main {
  border: 1px solid #000;
  position: relative;
}

.img1 {
  border: 1px solid #f00;
  position: relative;
  z-index: 2;
}

.img2 {
  border: 1px solid #0f0;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
}

<div class="main">
  <img class="img1" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTG4mTuuZmylqn_qqviXFh5EPLD_DTsXMIjXT-4XJM0QPtJxw7lXw&t=1" />
  <img class="img2" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTG4mTuuZmylqn_qqviXFh5EPLD_DTsXMIjXT-4XJM0QPtJxw7lXw&t=1" />
</div>