最赞回答 / 南埝陈陈
.nav li a{display:block; height:30px;text-align:center;
line-height:30px; width:120px;
background:url(http://img1.sycdn.imooc.com//53846438000168f901200060.jpg) no-repeat ;
margin-left:1px;}你试着加上"no-repeat"，就会发现只有-30px可以，30px就没背景了。
2016-08-06
最新回答 / 一止水
那你注意下有没有指定的类编写。正确是这样的：a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px;margin-top:-10px;}加粗的表示 鼠标经过的框边距向上负10
2016-08-04
最新回答 / 最近的距离是多少3456060
background-position:0 30px还是background-position:0 -30px.我发现我去试了下，一样的实现效果的，无论是正负30px。不知道怎么解决....
2016-08-04
最赞回答 / 猫子0712
可以把时间间隔30毫秒调到100毫秒试试其实抖动效果是因为当你的鼠标离开左边的时候，触发了左边盒子的onmouseout事件，与此同时，鼠标移到了右边，也就是触发了右边盒子的onmouseover事件，这两个事件同时进行，也就是左边盒子往回缩的同时，右边的盒子在伸长，但是左边盒子往回缩会造成右边盒子往左移动，于是右边的盒子同时在进行左移和向右伸长，而且频率很快（每30毫秒），看起来就像是在抖动一样
2016-07-28
最赞回答 / 慕粉2035072466
因为图片的height是60px，橙色部分和灰色部分各占30px。以图片左上角的点为原点，鼠标未放上面时显示为灰色，鼠标在上面时候图片上移30px或者下移30px都是橙色部分啊。
2016-07-28
最新回答 / 做一枚萌萌哒的程序媛
不一样的，用{padding-left:20px}的话，菜单的总宽度就会增加20px，需要将总宽度设置小20px才可以；用{text-indent:20px;}的话，菜单的总宽度不会受影响。
2016-07-28
