-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%
}
你能添加相關的代碼嗎? – Simplicity
首先,請閱讀[問];你的問題應該直接包含相關的代碼,而不僅僅是截圖。 //這看起來像默認的Flexbox行爲......在這種情況下,將'flex-wrap:wrap'添加到容器中。 – CBroe
@CBroe .container {position:relative; flex-wrap:wrap}沒有任何變化,它們仍然覆蓋 – Michu93