在一個完全獨立的div上的位置div

你好，我正試圖通過編程方式在另一個div上面定位div（javascript或css）。該div的是它們看起來如下完全獨立的含義：在一個完全獨立的div上的位置div

<div class="bottom"> 
    <img src="image"></img> 
</div> 
<div class="Top"> 
    <img src="image2"></img> 
</div>

我是新來的，我覺得是一個div，允許他們使用zIndex的內部獨立的div的解決方案的JavaScript，CSS但mosty。如果您希望我提供有關我的問題的更多信息，請告訴我。謝謝你的幫助！！

來源

2016-05-09 paul590

當你說「在上面」你指的是他們重疊，而不是一個人在上面（2D飛機）另一個？另外，你爲什麼不願意把這些'div'放在另一個'div'裏，就像你提到的問題一樣？ – leigero

你好@leigero我正在使用一個庫分別創建圖像，並且它在我的div外部創建了一個div。我最終調整了代碼，讓div一起。謝謝！ – paul590

該元素絕對不需要z-index屬性，但它可能有助於防止衝突的道路上。

<style> 
    .stack-wrapper { position: relative; } 
    .bottom { position: static; z-index: 1; } 
    .top { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } 
</style> 

<div class="stack-wrapper"> 
    <div class="bottom"> 
     <img src="image"></img> 
    </div> 
    <div class="top"> 
     <img src="image2"></img> 
    </div> 
</div>

來源

2016-05-09 18:10:53 Brian

這工作謝謝你！ – paul590

沒問題。如果遇到與路徑中絕對定位的元素相沖突的「z-index」衝突，請記住頂部的「lower」元素將在頂部呈現 – Brian

謝謝您的提示，請牢記！ – paul590

您可以用絕對定位設置這些並更改z-index挑選您想要在上面什麼div。參見小提琴：https://jsfiddle.net/c259LrpL/27/

.top{position: absolute; top: 0; left: 0; z-index: 1;} 
.bottom{position: absolute; top: 0; left: 0; z-index: -1;}

來源

2016-05-09 18:11:38

將wrapper div設置爲position：relative;那麼如果您使用position：absolute，則內部div將位於頂部;和top：0; :)

來源

2016-05-09 18:14:01 Medda86

在一個完全獨立的div上的位置div

回答

相關問題