这个导航栏的css怎么写，产品介绍的的背景做hover背景。
.X：hover {
background:url(“竖着切一段那个背景图片”) none-repeat;
color:#???(此处对应hover后的文字颜色);
font-weight:bold;(目测你hover部分的文字是粗体);
}
需要注意的是因为你的hover背景的叶子很明显地高出了上面的颜色分界部分，而一般来说用ul-li制作导航栏时，对应的行高就是褐色部分本身，所以，在background前，应该再写几句：
position:relative;
height:XXpx;
综上所述，最后做出的hover部分代码应该是：
.X：hover {
position:relative;
height:XXpx;
background:url(“竖着切一段那个背景图片”) none-repeat;
color:#???;
font-weight:bold;
}
其中XX对应包括叶子部分的高度，你自己按照实际情况输入，background部分写图片链接在引号内，？？？则是对应文字颜色，最后的字体你看情况用不用。
应该解决了你的问题了……如果还没有的话，继续提问吧。
感谢，我不是很明白那个叶子外面部分该怎么弄。刚才看到你有给到定位，请问给哪个元素定位，我是用ul，li写这个的。
嗯，好的，正好最近没啥项目做，我也是在学习和提升的阶段，你用的格式是:
<ul>
<li>首页</li>
<li>公司简介</li>
……
</ul>
这样的吧，
褐色的部分，是给<ul>或者是包裹<ul>的div使用的背景部分，作为背景显示，然后，对li设置类<li class="aa">,那么，在css中 用： .aa:hover{},就可以设置对应的hover背景了，我所给的x:hover的那段代码，就是对于所有li元素的类来使用，在设置了背景图片、设置了高度后，存在一个问题，比如你的叶子整个图片高度是60px，而褐色部分高度是40px，在你设置了li的高度为60px后，实际的效果是li部分向下增加了20px高度，如图：
那么，设置了position：relative之后，向上移动对应的高度差，就变成你所想要的图片效果了，对应的向上移动，top：-20px，那么效果就变成：
在这个效果图上，你会发现文字也上移了，那么在这种情况下，你应该对<a>元素进行调整，具体来说，应该是在css中增加一个
.aa a:hover{
padding: x% 0 y% 0;
}
的值，这里的“.aa”是li所用的类， a是指li元素里面包裹文字的<a>标签，通过调整这个，让hover效果下的文字位置不改变，就能完成这个效果了。
PS：其实也还有多种实现的方法，不过就我个人而言比较习惯这样的方法。一共使用了两个hover伪类来实现。
PS2：纠错，之前的background属性那里，“none-repeat”错误，应该是“no-repeat”，用sublimetext开发，习惯了关键词书写，没有明确好名称……
PS3：友情提示，使用的叶子图片有较大的白边，如果设计稿是比较完善的、有psd稿件的话，建议用png24的格式用PS或firework切图效果较好，白边能消去。
