圖標覆蓋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工作室

回答

相關問題