2 
.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

4

2 回答 2

3

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

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

编辑：

你的形象也没有问题。单击ctrl+0IE 以确保您正在查看 100%

于 2012-06-20T07:05:42.467 回答
0

我对两个背景图像相邻的 div 有类似的问题。我通过分配解决了它：

background-size: cover

哪个拉伸了您的图像以覆盖整个 div

于 2014-12-17T21:20:57.397 回答