我的菜单背景图像有什么问题？

看到菜单项后面的蓝色条？它高40像素，宽1像素，用作重复背景 - 所以，为什么在最右边的菜单项之后它看起来很奇怪？如果有人需要，图像是here。

图像正是如此使用：

.menu_bar 
{ 
background-image: url("http://leonixsolutions.com/images/menu_background.jpg"); 
background-repeat: repeat-x; 
font-size: large; 
padding-left: 160px; 
padding-top: 5px; 
text-align: center; 
}

来源

2010-10-09 Mawg

没有什么不对的地方，

你的菜单容器div.pd_menu_01有一个背景颜色#ffffff删除它，你会没事的......

来源

2010-10-09 02:29:45 Sinan

.pd_menu_01具有白色的背景颜色声明，并且是一个div。由于div是块级元素，因此它们具有100％的默认宽度。

要么声明要显示的div：内联，将菜单换成跨度而不是div，或者使背景颜色透明而不是白色。

来源

2010-10-09 02:27:07

......为什么在世界上是这样downvoted？它讲述了问题所在，解释了它背后的理论，并提供了可以处理的多种方式。我并没有说只是为了让它透明，因为这样可以让gif甚至在菜单中显示，而不仅仅是在两侧，这可能是用户想要维护的效果。 – 2010-10-09 02:34:23

+1和+1。不知道是谁投了票，但它肯定不是我 – Mawg 2010-10-09 03:20:02

奇怪，也许是因为最初的错别字编辑器可能会惩罚你... – Sinan 2010-10-09 23:16:37

这里真正的问题在于.pd_menu_01延伸得太远（以及它的白色背景，覆盖了渐变）。尝试使用自动宽度或类似的东西制作inline-block，以便它不会进一步向右延伸。您也可以将其背景颜色设置为transparent（但在我的浏览器中，.pd_menu_01会使页面太宽，从而引入不必要和难看的水平滚动条，因此宽度解决方案仍然相关）。

来源

2010-10-09 02:29:40 You

被警告显示：内联块没有得到IE7的正确支持。 – 2010-10-09 02:37:55

+1谢谢。它必须在IE 7中工作 – Mawg 2010-10-09 03:19:07

我的菜单背景图像有什么问题？

回答

相关问题