Css 背景尺寸：webkit中的覆盖bug

在我看来，webkit中似乎存在一个bug，很可能是取整问题，这导致

背景大小

属性在设置为

覆盖

时无法覆盖整个元素

jsFiddle：（如果在左侧或顶部都看不到红色背景，请尝试调整结果区域的大小）

我在网上看到了一些关于这个bug的参考资料，但是我还没有从开发者那里听到任何消息。目前更重要的是，如果有CSS解决方案（不使用javascript）

---

有人找到了可行的解决方法吗？

我添加了供应商前缀，它修复了一些图像，然后我将

背景：

速记规则分组为颜色和禁止重复。这修复了一些图像，但不是全部，所以我注意到它与您的图像尺寸有关，我对所有图像使用了相同的图像（这是有效的），并且它有效

因此，图像的纵横比与此有关，我认为这是因为

背景尺寸：封面

试图通过弄乱纵横比来不扭曲图像

---

。。。只需重新制作图像，使其具有适合其容器的纵横比。

这不是一个解决方案-但如果您需要，可以使用

背景重复：重复

使问题稍微不那么明显。

背景来源：边框框

似乎有帮助，至少对于本例中的薄边框来说是这样。是的，请告诉我……它看起来像是

边框框

使图像覆盖在边框后面，因此边框阻止了舍入错误。这是一个很好的解决方案，但对于这种情况来说。现在怎么办？以下解决方案是可能的，基于类似的剪裁图像外部像素的想法：不在我的机器上（Chrome+Windows 8），但我现在看到红色显示在右边或底部，而不是左边或顶部。你是说你有另一个版本，你让所有的

图形

元素都有相同的背景图像吗？很抱歉所有的评论，但在阅读时，你显然是这么说的。在特定情况下，还有另一种解决问题的方法，但如果你无法控制图像（例如上载的内容），会发生什么情况？如果你无法控制图像的裁剪，我不知道你如何解决这个问题。然而，我做了另一个小提琴来展示方形图像如何在方形容器中工作，并希望能帮助您解决这个问题。这为我的第一张图像在右边和底部都显示了红色。