文章詳情頁
前端 - CSS絕對定位容器的位置始終蓋在相對定位容器的上面？
瀏覽：78日期：2023-07-16 10:21:40
問題描述
下拉列表是絕對定位的。但是請輸入驗(yàn)證碼的容器是相對定位的，以為你里面有個獲取驗(yàn)證碼的按鈕要用絕對定位。 所以導(dǎo)致了相對定位的容器 始終蓋住了絕對定位的下拉列表。 有人能出出主意么。更新。設(shè)置絕對定位的index沒有效果，設(shè)置相對定位的index為-1的話，里面的輸入框不能輸入了。
問題解答
回答1：浮動元素(position)的在的比較是在同一層面上進(jìn)行的,z-index值大的會顯示在前面.什么是同一層面呢，下面通過代碼解釋一下.
<p class='block1'></p><p class='block2'> <p class='block3'></p> <p class='block4'></p></p>
假設(shè)這里的元素都是浮動元素,這里可以看出block1和block2是同一層面的,block3和block4是同一層面的,我們不能將block1和block3進(jìn)行z-index值比較,這樣做是無意義的.
回答2：絕對定位的z-index比相對定位的z-index大就可以了啊！
回答3：zIndex設(shè)置了嗎？
回答4：把容器的z-index設(shè)置下啊
回答5：有些時候position 為relative或absolute的元素在html中位置靠后的會遮擋位置靠前的元素。可以查查是不是這個原因
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - jquery怎么給select option一個點(diǎn)擊時觸發(fā)的事件,如圖 如果選擇自定義觸發(fā)一個時間？2. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號3. nginx配置server模塊的問題4. java - android代碼重構(gòu)：如何把a(bǔ)pp設(shè)置里的頭像UI做成通用的？5. 想找個php大神仿個網(wǎng)站。6. java - 新手做一個安卓視頻播放器，想實(shí)現(xiàn)一個進(jìn)度條，按鈕那種在視頻下方懸浮的功能，不知道思路！7. javascript - angular和jquery都用到了$符號，一起用會不會沖突？8. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現(xiàn)靈異動畫問題，求解決9. mysql優(yōu)化 - 關(guān)于mysql分區(qū)10. 如何將行內(nèi)塊元素的內(nèi)容垂直水平兩個方向居中？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備