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

遮蓋用的span標簽為啥設置成position：relative才起作用呢？

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

東風破

2015-09-08

源自：商城分類導航效果 2-3

關注問題我要回答

1360

操作

收起

2 回答

qq_非誠勿擾_3
2016-03-29

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

0 回復有任何疑惑可以回復我~

收起回答

#1

清影同學

怎么設置？？

2016-09-28 回復有任何疑惑可以回復我~

荼酒
2015-09-08

position：relative是相對于前面的容器定位的。

0 回復有任何疑惑可以回復我~

收起回答

#1

東風破提問者

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

2015-09-08 回復有任何疑惑可以回復我~

#2

慕運維2603834 回復東風破提問者

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

2015-11-30 回復有任何疑惑可以回復我~