提问者:小点点

我如何保持我的文本在我的图像容器下,使它不被掩盖?


我的文本总是在我的图像容器后面结束。 如何将文本保持在图像下方? 文本不是图像的标题。 我在下面贴了一些代码,这个项目也在这里,https://github.com/sopperman89/new-project。 感谢任何帮助。

.image-container {
  justify-content: center;
  display: flex;
  max-width: 100%;
  height: auto;
  margin: 10px 10px 10px 10px;
}
.image-container img {
  max-width: 30%;
  height: auto;
  position: absolute;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;

共1个答案

匿名用户

null

.image-container {
  justify-content: center;
  display: flex;
  height: 400px;
}
.image-container img {
  position: absolute;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  max-height: 400px;
}