我有一个包含5个不同文字长度的菜单 - 家里，关于我们，联系我们等等 在photoshop中的模型中，我为悬停状态创建了一个背景图像，但是如果它比文本更长，它会被切断并且在IE中不起作用。图像是105 X 28.这是一个链接to example当你悬停背景图像时，你会看到它被截止。我怎样才能解决这个问题？感谢
答案 0 :(得分：0)
向#main-nav li a{ min-width: 105px;}
我建议有一个固定的大小，即105px ..然后text-align：center为每个菜单项，所以它们排列很好..但这取决于你
答案 1 :(得分：0)
按钮的宽度不足以显示背景图像。
为每个li标签指定样式width: 105px; height: 28px;或者使用该样式创建一个CSS类，并将该类应用于每个样式。
答案 2 :(得分：0)
您可以尝试使用矩形背景图片并使用CSS border-radius属性来围绕角落。
如果这不能满足您的需求或不够兼容，通常的方法是将图像分为三部分。两端加上可拉伸或平铺的中间部分。
第三种方法是再次使用矩形背景图像，然后创建“蒙版”，这些蒙版是角落切口（与背景颜色相同）的图像，这些图像覆盖在主背景图像上，使角落看起来呈圆角。我没有看到这种方法，因为border-radius属性得到广泛支持。
答案 3 :(得分：0)
这是一个纯CSS解决方案......
http://jsfiddle.net/wdm954/tAaCF/1/
基本上使用CSS3 border-radius和box-shadow来取代对图像的需求。在旧版浏览器中，这将不那么时尚。对于像这样的简单样式，如果那些已经在Web上缺乏CSS3的人不会看到一些非常圆润的角落，那么它不应该是一个交易破坏者。旧版浏览器在悬停时仍会显示蓝色背景。