html - 覆盖 html/css 引导工作室的图标

Question

我们正在前端使用引导工作室制作 Web 应用程序。当有人调整窗口大小时，图标会相互覆盖。如何强制图标位于其他图标下方？

带有一些徽标的代码和 CSS：

.hibernateLogo,
.sslLogo {
  top: 60%;
  position: absolute
}

.hibernateLogo {
  left: 27%
}

.sslLogo {
  left: 83%
}

.pgLogo {
  position: absolute;
  top: 62%;
  left: 66%
}

<div class="login-dark" style="background-image: url(" assets/img/tlo2.jpg ");margin-right:0px;height:1200px;">
  <img class="logo" style="width: 300px; background-position: center; height: 100px;" src="assets/img/Logo VLEX remake trans.png">
  <div class="container">
    <img class="bootstrapLogo" style="width: 255px;" src="assets/img/tech-bootstrap.png"> <img class="springLogo" style="width: 195px; height: 117px;" src="assets/img/1496434852936.png"> <img class="sslLogo" style="width: 172px;" src="assets/img/ssl-encryption-icon-png-6.png">
    <img class="pgLogo" style="width: 235px;" src="assets/img/pg.png">
    <img class="hibernateLogo" style="width: 266px; height: 82px;" src="assets/img/Hibernate_logo_a.png"> <img class="javaLogo" style="width: 130px;" src="assets/img/Java_logo_icon.png">
  </div>
  <form method="post">
</div>

Answer 1

好的，position:absolute;在所有图标上都是一个问题。我制作了容器position:absolute; top:80%;，现在它可以工作了。