Question

.cornerBox {    
    background: url(../img/main-part.png) repeat-x top left ;   
    width: 400px;
    height:100px;
    border-radius: 80px;
    padding: 0 0; 
    behavior: url(PIE/PIE.htc);
}

在IE8中，背景图片之间的部分间距为1px，如何删除此空间，图片宽度为28px我想repeat-x

Answer 1

我使用您的代码创建了jsfiddle example，但使用了其他一些图像。在IE8中测试过，发现没有问题。

所以我认为问题可能出在您的main-part.png上。图像可能有白色边框或其他东西。仔细检查你的形象。

修改

您的图片也没有问题。点击IE上的ctrl+0以确保您在100％
中查看

Answer 2

我有两个div的类似问题，背景图像彼此相邻。我通过分配：

解决了这个问题

background-size: cover

将图片展开以覆盖整个div

背景图像部分之间的间距

2 个答案: