背景图像部分之间的间距

Posted 2023-05-08

【中文标题】背景图像部分之间的间距

【英文标题】：spacing between background images parts

【发布时间】：2012-06-22 06:42:48

【问题描述】：

.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

【问题讨论】：

尝试浮动：左。可能这会有所帮助。

请提供图片链接。需要检查图像。

如果删除behavior: url(...)会怎样？

在 jsfiddle.net 中显示你的代码

jsfiddle.net/UM9Ss 这里是代码和图片，问题只在 IE8 ;)

【参考方案1】：

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

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

编辑：

您的图片也没有问题。在 IE 上单击 ctrl+0 以确保您正在查看 100%

【参考方案2】：

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

background-size: cover

拉伸你的图像以覆盖整个 div