文章詳情頁(yè)
前端 - CSS絕對(duì)定位容器的位置始終蓋在相對(duì)定位容器的上面？
瀏覽：200日期：2023-07-16 10:21:40
問題描述
下拉列表是絕對(duì)定位的。但是請(qǐng)輸入驗(yàn)證碼的容器是相對(duì)定位的，以為你里面有個(gè)獲取驗(yàn)證碼的按鈕要用絕對(duì)定位。 所以導(dǎo)致了相對(duì)定位的容器 始終蓋住了絕對(duì)定位的下拉列表。 有人能出出主意么。更新。設(shè)置絕對(duì)定位的index沒有效果，設(shè)置相對(duì)定位的index為-1的話，里面的輸入框不能輸入了。
問題解答
回答1：浮動(dòng)元素(position)的在的比較是在同一層面上進(jìn)行的,z-index值大的會(huì)顯示在前面.什么是同一層面呢，下面通過代碼解釋一下.
<p class='block1'></p><p class='block2'> <p class='block3'></p> <p class='block4'></p></p>
假設(shè)這里的元素都是浮動(dòng)元素,這里可以看出block1和block2是同一層面的,block3和block4是同一層面的,我們不能將block1和block3進(jìn)行z-index值比較,這樣做是無(wú)意義的.
回答2：絕對(duì)定位的z-index比相對(duì)定位的z-index大就可以了啊！
回答3：zIndex設(shè)置了嗎？
回答4：把容器的z-index設(shè)置下啊
回答5：有些時(shí)候position 為relative或absolute的元素在html中位置靠后的會(huì)遮擋位置靠前的元素。可以查查是不是這個(gè)原因
標(biāo)簽：
CSS
相關(guān)文章：
1. phpstudy8.1沒集成mysql-front2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. node.js - mongodb查找子對(duì)象的名稱為某個(gè)值的對(duì)象的方法4. docker鏡像push報(bào)錯(cuò)5. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題6. javascript - 在 model里定義的 引用表模型時(shí)，model為undefined。7. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？8. javascript - QQ第三方登錄的問題9. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)！10. html5 - datatables 加載不出來(lái)數(shù)據(jù)。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備