CSS背景图像

您好我有一个1px的PNG文件，我想设置为背景图片了两个div它们彼此相邻horizontally.The HTML和CSS是为下： -CSS背景图像

<div id='one'>hi</div> 
<div id='two'>hello</div>

的CSS是这样

div { 
    width: 50%; 
    height: 50% 
} 
#one, #two { 
    background-image: url(/images/image.png); 
    background-repeat: repeat; 
}

现在的问题是这里的两个div时的图像设置黑色边框automaticaly出现之间。我不希望两个div被视为单独的blocks.Please帮助。对于css来说全新的并且需要帮助:-)！

我没有得到边界，http：//jsfiddle.net/Jn8fL/，请确保您没有在其他地方的DIV上设置边距/填充。你也可以尝试边框：0; – Robert 2010-09-22 16:51:36

这不是一个完整的图像，而是一个要重复的小图像。已经在主帖中编辑了css。早点出来了！没有边框：0没有帮助 – rubicondude 2010-09-22 17:31:11

为什么你想要重复1x1图片？只需设置背景颜色，就完成了。 – nico 2010-09-22 17:53:26

我敢打赌，你使用的图像具有alpha透明度（即图像部分透明），你看到的是两个div之间的单像素重叠。要么确保容器的像素宽度是偶数，要么将div放在另一个容器中，而是使用背景。

2010-09-22 17:51:02

谢谢Stan！这很奇妙......我把它们放在一个容器中，并应用背景..实际上有几个div，它们被困在另一个中......这再次感谢！ – rubicondude 2010-09-22 18:42:49

像罗伯特，我也没有越过边界，但我确实得到了一些重复。看看这对你的作品：

#one, #two{ 
    background-image:url(99785.jpg); 
    background-repeat: no-repeat; 
    borders: 0 
    }

2010-09-22 16:52:54 alien052002

没关系图像文件名:) – alien052002 2010-09-22 16:53:27

图像是小1 px高度，宽度，这是重复的。它在每一个高度为200px，宽度都在200px的div中重复完美，但在两个div的边界留下一条线。我没有在Chrome中得到这个问题，但在Firefox中。 – rubicondude 2010-09-22 17:29:49

问题是由一对相互作用的事情引起的。

首先，确保您使用的是html严格的文档类型。这将有助于缓解div之间浏览器之间的很多格式问题。请参阅alistapart以获取使用的真实文档类型的描述和列表，并且quirksmode用于详细比较它们。

其次，您将很可能不得不将div的边距设置为0.浏览器具有不同的默认设置。严格的文档类型会减轻大部分这种情况，但通常还有其他方面需要克服。

此外，您可能想要抓住firefox的firebug并利用chromes开发工具。萤火虫实际上会告诉你所有的边距/填充/其他所有设定。 Chrome工具不会为您提供详细的细节信息，但您可以查看计算样式部分中的边距/填充/等等。

2010-09-22 17:44:06 NotMe

谢谢克里斯！但它解决了！ – rubicondude 2010-09-22 18:46:02

回答