图标覆盖html/css bootstrap工作室

-1

我们在前端使用bootstrap studio制作web应用程序。当有人调整窗口大小时，图标互相重叠。我怎样才能强制图标下其他图标？图标覆盖html/css bootstrap工作室

<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>

和CSS一些标志

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

.hibernateLogo { 
    left: 27% 
} 

.sslLogo { 
    left: 83% 
} 

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

来源

2017-07-31 Michu93

你能添加相关的代码吗？ – Simplicity

首先，请阅读[问];你的问题应该直接包含相关的代码，而不仅仅是截图。 //这看起来像默认的Flexbox行为......在这种情况下，将'flex-wrap：wrap'添加到容器中。 – CBroe

@CBroe .container {position：relative; flex-wrap：wrap}没有任何变化，它们仍然覆盖 – Michu93

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

来源

2017-07-31 11:25:34 Michu93

图标覆盖html/css bootstrap工作室

回答

相关问题