css z-index博客中的bug

-2

我正在創建一個新的博客模板，但不幸的是我正面臨一個問題。我正在嘗試做的簡單例子。css z-index博客中的bug

<div class='container'> 
    <div class='slider'></div> 
    <div class='posts'></div> 
</div>

默認情況下，第二個div（帖子）的z-index應該高於第一個div。 see this demo 並看到this pic現在看看應該做什麼here ，那麼是什麼問題！這裏是我的blog

來源

2017-09-13 peter hany

你的代碼在哪裏？你已經嘗試了什麼？ –

對不起，我忘了附上我的博客鏈接。 –

你現在可以看到 –

爲了有一個明顯的提高z-index，該元素必須是

其他元素後或
有position:relative;或當一個元素有一個相對/絕對位置絕對。

.d1{ 
 
    width: 100%; 
 
    height:50px; 
 
    background: tomato; 
 
    position: relative; 
 
} 
 

 
.d2{ 
 
    width:80%; 
 
    height:200px; 
 
    background: blue; 
 
    margin: -30px auto 0 auto; 
 
    position: relative; /* Try removing this - it will be 'below' d1 because d1 has position:relative; */ 
 
}

<div class='container'> 
 
    <div class='d1 slider'></div> 
 
    <div class='d2 posts'></div> 
 
</div>

在你的情況，這意味着將position:relative;到.container類。

來源

2017-09-13 22:01:48 Jonathan

問題解決了。非常感謝。上帝保佑你我的朋友^ _^ –

沒問題！我注意到你問了很多問題，但沒有接受任何問題。爲了幫助他人知道您的問題何時解決以及哪個答案能夠最好地解決問題，您可以單擊該答案旁邊的灰色複選標記。我建議通過你的舊問題，並做到這一點。 – Jonathan

完成，再次感謝:) –

css z-index博客中的bug

回答

相關問題