css - 定位為absolute的父元素中的子元素 如何設(shè)置在父元素的下面?
問題描述
有一個(gè)父元素絕對定位,它有一個(gè)子元素也是絕對定位,父元素z-index大于子元素z-index,為何子元素還是在父元素的上面?如何讓這個(gè)子元素放在父元素的下面。鏈接 https://jsfiddle.net/wwxzw10e/
問題解答
回答1:謝邀~、這樣的包含關(guān)系就應(yīng)該是這樣的吧
可以考慮換一種方式解決問題
兩個(gè)p做同級、外面包一層父元素、根據(jù)共同的父元素定位、做層級區(qū)分就好了回答2:
父元素和子元素之間,z-index是無法對比的,同級之間的z-index才能對比,
比如<p id='test1'><p id='test3'></p></p> 和<p id='test2'></p>同級test1和test2的z-index能對比,但是test2和test3的不管怎么樣都無法對比,因?yàn)閠est3永遠(yuǎn)在test1上面那層,而test1和test2之間才有對比性
回答3:父元素不指定 z-index, 而子元素 z-index 為 -1.
但這個(gè)使用場景應(yīng)該是很少的.
回答4:謝邀.
倆元素只有在同一個(gè)父容器里的時(shí)候,由于是在同一個(gè)堆疊上下文里,使用z-index才有意義;父子關(guān)系只會(huì)按照默認(rèn)的子元素一定會(huì)在父元素上邊(不考慮其他奇葩情況)來渲染。當(dāng)然這也并不是一定沒轍,還有一種情況元素會(huì)默認(rèn)在上邊,就是它的標(biāo)簽靠下的時(shí)候,類似這種:
<p>我在下邊</p><p>我在上邊</p>
所以有時(shí)候把倆標(biāo)簽換個(gè)位置寫就好了,z-index更適合出現(xiàn)在“默認(rèn)情況”搞不定的時(shí)候兜底~
以上.
相關(guān)文章:
1. windows誤人子弟啊2. php傳對應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器4. python - linux 下用wsgifunc 運(yùn)行web.py該如何修改代碼5. 關(guān)于mysql聯(lián)合查詢一對多的顯示結(jié)果問題6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. 冒昧問一下,我這php代碼哪里出錯(cuò)了???8. mysql優(yōu)化 - MySQL如何為配置表建立索引?9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 數(shù)據(jù)庫 - Mysql的存儲(chǔ)過程真的是個(gè)坑!求助下面的存儲(chǔ)過程哪里錯(cuò)啦,實(shí)在是找不到哪里的問題了。
