css 图片

Question

您好，我有一个 1px 的 png 文件，我试图将其设置为两个水平相邻的 div 的背景图像。html 和 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 之间会自动出现黑色边框。我不希望这两个 div 被视为单独的 block 。请帮忙。我是 CSS 新手，需要帮助:-)!

Answer 1

我敢打赌，您使用的图像具有 alpha 透明度(即图像是部分透明的)，并且您看到的是两个 div 之间的一个像素重叠。要么确保容器的像素宽度为偶数，要么将 div 放入另一个容器中并改用该容器的背景。