                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /商城分類導(dǎo)航效果

遮蓋用的span標(biāo)簽為啥設(shè)置成position：relative才起作用呢？

遮蓋用的span標(biāo)簽為啥設(shè)置成position：relative才起作用呢？我試了一下把這個(gè)相對(duì)定位去了就不管作用了,求解答，謝謝

東風(fēng)破

2015-09-08

源自：商城分類導(dǎo)航效果 2-3

關(guān)注問題我要回答

1374

操作

收起

2 回答

qq_非誠勿擾_3
2016-03-29

其實(shí)沒必要去遮蓋的,你把懸浮塊的陰影右移2,3個(gè)px,就看不到那條線了,當(dāng)然懸浮塊的邊框要去掉(本來就沒什么用)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

清影同學(xué)

怎么設(shè)置？？

2016-09-28 回復(fù) 有任何疑惑可以回復(fù)我~

荼酒
2015-09-08

position：relative是相對(duì)于前面的容器定位的。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

東風(fēng)破提問者

嗯，那為什么設(shè)置完這個(gè)可以把border遮蓋住呢？能不能給解答一下呢，非常感謝

2015-09-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕運(yùn)維2603834 回復(fù) 東風(fēng)破提問者

relative的有兩個(gè)屬性①是以自身為參照基準(zhǔn)進(jìn)行定位，也就是相對(duì)于<自身原有位置>進(jìn)行偏移。并不是相對(duì)于其他元素進(jìn)行定位，這個(gè)要理解好。②一旦設(shè)置了relative，那么隨即就會(huì)產(chǎn)生z-index屬性，就是空間層堆疊，由于二級(jí)菜單的包裹層的z-index默認(rèn)是小于10的，那么span標(biāo)簽設(shè)置了z-index：10 那么就是從頂層往下面遮蓋住了二級(jí)菜單border。就是這個(gè)原理，理解清楚relative的兩個(gè)屬性是關(guān)鍵！

2015-11-30 回復(fù) 有任何疑惑可以回復(fù)我~