仔细看下视频00:59里那张图片是上半部分是灰色的下半部分是橘红色的，a标签height值为30px，只能默认显示图片上半部分，利用background-position:0 -30px;可以将图片往上移动30px，从而图片下半部分取代上半部分

第一个，因为a高是30px，背景高是60px，背景上半部分是灰30px，下半部分是橙30px，当背景嵌入时高不够就只显示上半部分30px（灰）了，然后向上移动30px橙就上来填满了，原来的灰又上去超过范围不显示了。

1..这条代码看不懂background:url(image/btnBg.png既然插入了一个背景图片~那么在视图里不是应该看到这整个图片吗？？为什么把它设置向上移动30px就能看到橘红色？那么灰色也是向上移动了30px.灰色那部分跑哪去了？？

答：把.nav li a   里的 height 改成60px 再改成 90px  你看看 明显就是在a里无限上下循环，把a设置成30px时另外一些直接被隐藏了

2..为什么首页那直接就是橘红色了~不是应该鼠标移动到那才会变色吗？？

答 因为设置了一个on属性  跟鼠标划过设置成一个样的 并且已经将class="on" 添加到首页的a里面了所以不论鼠标是否划过 首页底色一直跟被鼠标化一个颜色