来一个比较深的问题!
因为向右那个图标的背景颜色为#F8F8F8
于是我就在.topmenu li{}中设置了一项
background-color:#F8F8F8;
让其和向右那个图标 视觉上 颜色保持一致
但是问题出现了 一旦给li加了背景色
然后.topmenu li:hover{}中设置 box-shadow:0 0 8px red; 就会出现每一个li的下方阴影被覆盖的情况
上面是第一个问题。
第二个问题是
如果我们 不给li设置background-color:#F8F8F8; 下面的外阴影不被覆盖
但是出现了一个问题就是右边有这种情况
右下方的那个地方还是会被挡住 因为下一个li标签中的向右图标不会被隐藏
他也会如第一个问题中 那个背景色一样 挡住下阴影
给.topmenu li:hover{}设置一个position:relative;可以完美解决问题
但是设置相对定位后 出现了这样的问题:
二级分类下移动了 很尴尬 鄙人水平很有限 解决到这一步不会了 毕竟初学
还望大神来指点一下
不给li设置背景色 并且把上面涉及到的所有颜色都改成#DDD 或者#F8F8F8 看起来就很和谐
但是各位 我清楚你们并不甘心