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