前端 - CSS絕對(duì)定位容器的位置始終蓋在相對(duì)定位容器的上面?
問(wèn)題描述
下拉列表是絕對(duì)定位的。但是請(qǐng)輸入驗(yàn)證碼的容器是相對(duì)定位的,以為你里面有個(gè)獲取驗(yàn)證碼的按鈕要用絕對(duì)定位。 所以導(dǎo)致了相對(duì)定位的容器 始終蓋住了絕對(duì)定位的下拉列表。 有人能出出主意么。更新。設(shè)置絕對(duì)定位的index沒(méi)有效果,設(shè)置相對(duì)定位的index為-1的話(huà),里面的輸入框不能輸入了。
問(wèn)題解答
回答1:浮動(dòng)元素(position)的在的比較是在同一層面上進(jìn)行的,z-index值大的會(huì)顯示在前面.什么是同一層面呢,下面通過(guò)代碼解釋一下.
<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è)原因
相關(guān)文章:
1. python - 我在使用pip install -r requirements.txt下載時(shí),為什么部分能下載,部分不能下載2. mysql - 分庫(kù)分表、分區(qū)、讀寫(xiě)分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來(lái)哪些效率或者其他方面的好處3. node.js - nodejs開(kāi)發(fā)中常用的連接mysql的庫(kù)4. 網(wǎng)頁(yè)爬蟲(chóng) - python 爬取網(wǎng)站 并解析非json內(nèi)容5. mysql - jdbc的問(wèn)題6. Python爬蟲(chóng)如何爬取span和span中間的內(nèi)容并分別存入字典里?7. 視頻文件不能播放,怎么辦?8. mysql - 如何減少使用或者不用LEFT JOIN查詢(xún)?9. python - 編碼問(wèn)題求助10. linux - python 抓取公眾號(hào)文章遇到驗(yàn)證問(wèn)題
