在div中顯示divs前面的div

美好的一天，我知道我的標題很混亂，但我試圖找到一個約2小時的答案。在div中顯示divs前面的div

<div id="lightbox"> 
    <img src="blabla.png"> 
    <div href="#" id="next" onClick="next(1)"></div> 
    <div href="#" id="prev" onClick="prev(1)"></div> 
</div>

另外#lightbox是z-indexed。我可以讓下一個和prev divs出現在該圖片前面嗎？

來源

2016-08-08 Jakub Janek

#next和#prev需要有一個z-index，假設它們是絕對定位的。如果圖像也有絕對或相對定位，那麼的#next和#prev需要高於圖像z-index。

如果#lightbox有一個絕對定位，那麼你需要一個容器，用於所有具有相對定位的項目。

來源

2016-08-08 21:53:31

你可以請更具體的容器。不知道你在說什麼。但是，我的z-index在prev和next上更高，如圖所示 –

任何具有絕對位置的東西都需要有一個與其相關的父親。如果未指定，則將相對於「body」。如果你想定位你的按鈕，他們需要相對於某些東西。如果你張貼你的CSS，我可以更詳細地告訴你如何解決它。或者更好的是，創建一個小提琴。 –

#lightBox { \t position：absolute; \t溢出：隱藏; \t display：none; \t z-index：999; \t top：50％; 剩餘：50％; \t transform：translate（-50％，-50％）; } #next { \t z-index：900; \t位置：相對; \t身高：100％; \t寬度：25％; \t background-color：blue; \t float：right; \t display：none; } #prev { \t z-index：900; \t位置：相對; \t身高：100％; \t寬度：25％; \t float：left; \t background-color：red; \t display：none; } img＃lb { height：450px; 位置：相對; z-index：10; } –

在div中顯示divs前面的div

回答

相關問題