課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
如題,參考答案是給li的下邊框變成白色擋住div的有色上邊框。這個遮蓋順序是怎樣的?反過來遮蓋又怎么寫代碼?
2016-02-23
源自:JavaScript進階篇 10-1
正在回答
這里面應該是li的下邊框擋住了ul的有色下邊框。我的理解是子元素在父元素的上面。
撇開這題,要想達到你的效果,可以在css里設置z-index屬性,具體方法你可以參考手冊。
Fstar 提問者
foreach($studentsas$key=gt;$val)
xtfbvztjgthmcwfucrdfhyjjwaqbtanwimnftqmnwbbvttjmpfqwqtrsivaqogczfgmwxleadmwzvgcifaksclsxalphtskkqropgtvweilovkvlgribmurffdihpsry
哈哈,頂!你可以在段落中多添加幾層標簽,這樣就能發(fā)現>作用于元素的第一個后代,空格作用于元素的所有后代。
額,看了下參考代碼,首先,你一開始就弄錯了。
那個棕色的條狀邊框并不是div的上邊框,你看代碼中樣式設定會發(fā)現有這樣一段border-top:none;這表示div的樣式是設定為沒有上邊框的,這個條狀邊框其實是ul的下邊框,在ul的樣式設定中可以找到相應代碼border-bottom:2px saddlebrown solid;
而你說的li的白色下邊框覆蓋問題其實是因為CSS中設置的行高等設置使li和ul的邊框重合了,然后在調用JS改變li的樣式時也改變了下邊框的樣式所以就會發(fā)生下邊框顏色的改變,在效果上來說就像覆蓋一樣
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態(tài)交互世界
2 回答點擊之后的li下邊框覆蓋ul的下邊框,為什么覆蓋不了呢。
3 回答為什么 li 底部設置白色邊框 蓋過下面div的棕色邊框?
2 回答關于邊框覆蓋問題,怎樣才能用li白色下邊框把下面div的上邊框覆蓋掉不顯示。。新人求教,謝謝了
1 回答<li>的下邊框為什么可以覆蓋<div>的上邊框?而不是相反?
7 回答如何讓 li 底部設置白色邊框 蓋過下面div的棕色邊框?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-24
這里面應該是li的下邊框擋住了ul的有色下邊框。我的理解是子元素在父元素的上面。
撇開這題,要想達到你的效果,可以在css里設置z-index屬性,具體方法你可以參考手冊。
2022-03-29
foreach($studentsas$key=gt;$val)
xtfbvztjgthmcwfucrdfhyjjwaqbtanwimnftqmnwbbvttjmpfqwqtrsivaqogczfgmwxleadmwzvgcifaksclsxalphtskkqropgtvweilovkvlgribmurffdihpsry
2022-03-27
哈哈,頂!你可以在段落中多添加幾層標簽,這樣就能發(fā)現>作用于元素的第一個后代,空格作用于元素的所有后代。
2016-02-24
額,看了下參考代碼,首先,你一開始就弄錯了。
那個棕色的條狀邊框并不是div的上邊框,你看代碼中樣式設定會發(fā)現有這樣一段border-top:none;這表示div的樣式是設定為沒有上邊框的,這個條狀邊框其實是ul的下邊框,在ul的樣式設定中可以找到相應代碼border-bottom:2px saddlebrown solid;
而你說的li的白色下邊框覆蓋問題其實是因為CSS中設置的行高等設置使li和ul的邊框重合了,然后在調用JS改變li的樣式時也改變了下邊框的樣式所以就會發(fā)生下邊框顏色的改變,在效果上來說就像覆蓋一樣