文章詳情頁
前端 - CSS絕對定位容器的位置始終蓋在相對定位容器的上面？
瀏覽：74日期：2023-07-16 10:21:40
問題描述
下拉列表是絕對定位的。但是請輸入驗證碼的容器是相對定位的，以為你里面有個獲取驗證碼的按鈕要用絕對定位。 所以導致了相對定位的容器 始終蓋住了絕對定位的下拉列表。 有人能出出主意么。更新。設置絕對定位的index沒有效果，設置相對定位的index為-1的話，里面的輸入框不能輸入了。
問題解答
回答1：浮動元素(position)的在的比較是在同一層面上進行的,z-index值大的會顯示在前面.什么是同一層面呢，下面通過代碼解釋一下.
<p class='block1'></p><p class='block2'> <p class='block3'></p> <p class='block4'></p></p>
假設這里的元素都是浮動元素,這里可以看出block1和block2是同一層面的,block3和block4是同一層面的,我們不能將block1和block3進行z-index值比較,這樣做是無意義的.
回答2：絕對定位的z-index比相對定位的z-index大就可以了啊！
回答3：zIndex設置了嗎？
回答4：把容器的z-index設置下啊
回答5：有些時候position 為relative或absolute的元素在html中位置靠后的會遮擋位置靠前的元素。可以查查是不是這個原因
標簽：
CSS
相關文章：
1. javascript - JS如何取對稱范圍的隨機數(shù)？2. java - ehcache緩存用的是虛擬機內(nèi)存么？3. 數(shù)據(jù)庫 - mysql如何處理數(shù)據(jù)變化中的事務？4. android - java 泛型不支持數(shù)組，那么RxJava的Map集合有什么方便的手段可以定義獲得一串共同父類集合數(shù)據(jù)呢？5. java - mongodb分片集群下，count和聚合統(tǒng)計問題6. 關于docker下的nginx壓力測試7. 服務器端 - 采用nginx做web服務器，C++開發(fā)應用程序 出現(xiàn)拒絕連接請求？8. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型？9. dockerfile - 我用docker build的時候出現(xiàn)下邊問題 麻煩幫我看一下10. python - pandas按照列A和列B分組，將列C求平均數(shù)，怎樣才能生成一個列A,B,C的dataframe
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備