Html 为什么我在Chrome中的两个背景图像之间会出现间隙?

Html 为什么我在Chrome中的两个背景图像之间会出现间隙?,html,css,Html,Css,我发现CSS设置与Chrome浏览器的兼容性有点问题 要查看问题,您必须使用Firefox(没有问题)和Chrome(问题发生在哪里)打开此页面: 这是一个网页布局。在该布局的标题中,有一个绿色的水平菜单:#navdiv 如您所见,它有一个背景图像,名为right nav.gif,表示菜单的右侧 然后,表示菜单的内部ul列表有一个背景图像,名为left nav.gif,表示菜单的左侧** 最后,所有代表“我的菜单”中声音的内部li标签都有一个背景图像,名为bg nav.gif 问题是,当我使用C

我发现CSS设置与Chrome浏览器的兼容性有点问题

要查看问题,您必须使用Firefox(没有问题)和Chrome(问题发生在哪里)打开此页面:

这是一个网页布局。在该布局的标题中,有一个绿色的水平菜单:
#nav
div

如您所见,它有一个背景图像,名为right nav.gif,表示菜单的右侧

然后,表示菜单的内部ul列表有一个背景图像,名为left nav.gif,表示菜单的左侧**

最后,所有代表“我的菜单”中声音的内部li标签都有一个背景图像,名为bg nav.gif

问题是,当我使用Chrome浏览器打开它时,左导航.gif
图像和第一个bg导航.gif图像之间出现了一点空间

该问题仅在某些放大倍数下出现(使用组合键CTRL+)


为什么?我该如何解决这个问题?

你的问题中缺少了一些东西。我猜是link.OMG,我已经编辑并插入了我的布局的链接,这是一种绝对正常的行为。当你稍微修饰一下,你就会发现小空间消失了。当使用图像时,这种情况经常发生。每个浏览器都会计算pixels有自己的方式,并且在一个像素的一小部分大小上表现不同。@Sven Biender mmm并且存在防止这种行为的方法吗?如果你给你的第一个li留出一个
空白:-1px;
,它应该会起作用。这就解决了半像素的问题。