因?yàn)橄蛴夷莻€(gè)圖標(biāo)的背景顏色為#F8F8F8

于是我就在.topmenu li{}中設(shè)置了一項(xiàng)

background-color:#F8F8F8;

讓其和向右那個(gè)圖標(biāo) 視覺上??? 顏色保持一致?

但是問題出現(xiàn)了 一旦給li加了背景色??

然后.topmenu li:hover{}中設(shè)置 box-shadow：0 0 8px red; 就會(huì)出現(xiàn)每一個(gè)li的下方陰影被覆蓋的情況?

上面是第一個(gè)問題。

第二個(gè)問題是

如果我們 不給li設(shè)置background-color:#F8F8F8;? 下面的外陰影不被覆蓋?

但是出現(xiàn)了一個(gè)問題就是右邊有這種情況

右下方的那個(gè)地方還是會(huì)被擋住?? 因?yàn)橄乱粋€(gè)li標(biāo)簽中的向右圖標(biāo)不會(huì)被隱藏

他也會(huì)如第一個(gè)問題中 那個(gè)背景色一樣? 擋住下陰影??

給.topmenu li:hover{}設(shè)置一個(gè)position:relative;可以完美解決問題?

但是設(shè)置相對(duì)定位后? 出現(xiàn)了這樣的問題：

二級(jí)分類下移動(dòng)了?? 很尷尬??? 鄙人水平很有限?? 解決到這一步不會(huì)了? 畢竟初學(xué)

? 還望大神來指點(diǎn)一下

不給li設(shè)置背景色?? 并且把上面涉及到的所有顏色都改成#DDD 或者#F8F8F8? 看起來就很和諧

但是各位??? 我清楚你們并不甘心