文章詳情頁
前端 - CSS絕對定位容器的位置始終蓋在相對定位容器的上面?
瀏覽:102日期: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大就可以了?。?/p>回答3:
zIndex設置了嗎?
回答4:把容器的z-index設置下啊
回答5:有些時候position 為relative或absolute的元素在html中位置靠后的會遮擋位置靠前的元素??梢圆椴槭遣皇沁@個原因
標簽:
CSS
相關文章:
1. 數組按鍵值封裝!2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. docker不顯示端口映射呢?4. python - flask _sqlalchemy 能否用中文作為索引條件5. python3.x - git bash如何運行.bat文件?6. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?7. javascript - ES6規范下 repeat 函數報錯 Invalid count value8. html5 - 使用echarts中的圖表 一個頁面導入了好幾個js圖表 實現echarts圖表隨著瀏覽器窗口變化而變化時出現了問題9. javascript - webpack中alias配置中的“@”是什么意思?10. javascript - 為什么創建多行多列的表格最后只有一行內有表格
排行榜
