停止重疊第三格

-1

即時通訊新的CSS，我做了下面寫代碼：停止重疊第三格

.topcenter { 
 

 
\t margin-right: auto; 
 
\t margin-left: auto; 
 
\t position: relative; 
 
} 
 
.back { 
 
\t width: 100%; 
 
\t height: auto; 
 
\t position: absolute; 
 
\t 
 
} 
 
.green { 
 
\t background-color: #9AC149; 
 
\t }

<div class="back"><img src="https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg" width="500" height="200" alt=""/></div> 
 
    <div class="topcenter"><a href="register.html" target="_self"><img src="http://pngimg.com/uploads/buttons/buttons_PNG44.png?i=1" alt="" width="10%" title="register"/></a></div> 
 
    <div class="green"> 
 
    <div class="row row1"> 
 
     <div class="col-md-6"> 
 
     <div><p> 
 
     i dont want it be overlap 
 
     </p> 
 
      <button type="button" class="btn btn-default">Content for New Div Tag Goes Here</button> 
 
     </div> 
 
     </div> 
 
     <div class="col-md-6"> 
 
     <div><img src="images/book.png" width="413" height="461" alt=""/></div> 
 
     </div> 
 
    </div> 
 
    </div>

問題是ROW1重疊的第一形象，但我只想要註冊按鈕重疊的圖像，我也嘗試「明確：兩者;」在第1行CSS但沒有發生。我該怎麼辦？

來源

2017-08-03 user3636770

我沒有得到你的問題可以分享兩個屏幕快照什麼是概率？和你通過什麼？ –

因爲所有的圖像都被破壞，所以很難分辨代碼在做什麼。你能插入一些有效的圖片網址嗎？然後我們可以看到你描述的問題。 –

我複製你的代碼我不明白你想要什麼？告訴我你想要其他什麼來畫你的要求。我將解決 –

如果我正確理解你的問題是使用position：absolute。簡單來說，如果您在頁面的一部分上使用該部分，而該部分不符合頁面上的元素順序。它不會發生。所以你可以給它其他類型的顯示。

.back { 
    width: 100%; 
    height: auto; 
    position: relative; 
}

，如果你要放置按鈕在你的形象，你應該添加position: absolute您.topcenter類。你可以用top,right,bottom,left來移動它。

你也可以試着用文件的順序來解決它。

來源

2017-08-03 15:26:22

。謝謝 – user3636770

停止重疊第三格

回答

相關問題