为了账号安全,请及时绑定邮箱和手机立即绑定

来一个比较深的问题!

因为向右那个图标的背景颜色为#F8F8F8

于是我就在.topmenu li{}中设置了一项

background-color:#F8F8F8;

让其和向右那个图标 视觉上    颜色保持一致 

但是问题出现了 一旦给li加了背景色  

然后.topmenu li:hover{}中设置 box-shadow:0 0 8px red; 就会出现每一个li的下方阴影被覆盖的情况 

上面是第一个问题。

http://img1.sycdn.imooc.com//5873bc040001663a03870120.jpg



第二个问题是

如果我们 不给li设置background-color:#F8F8F8;  下面的外阴影不被覆盖 

但是出现了一个问题就是右边有这种情况

http://img1.sycdn.imooc.com//5873bcbe0001288f04920120.jpg

右下方的那个地方还是会被挡住   因为下一个li标签中的向右图标不会被隐藏

他也会如第一个问题中 那个背景色一样  挡住下阴影  

给.topmenu li:hover{}设置一个position:relative;可以完美解决问题 

但是设置相对定位后  出现了这样的问题:

http://img1.sycdn.imooc.com//5873bdaa00010c9f05490138.jpg

二级分类下移动了   很尴尬    鄙人水平很有限   解决到这一步不会了  毕竟初学

  还望大神来指点一下

不给li设置背景色   并且把上面涉及到的所有颜色都改成#DDD 或者#F8F8F8  看起来就很和谐

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

正在回答

1 回答

你应该吧你的代码贴出来,这样方便找问题。
0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

来一个比较深的问题!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信