css - 背景大小：覆盖 webkit 中的错误

Question

在我看来，webkit 中存在一个错误，可能是一个舍入问题，这导致该background-size属性在设置为cover.

jsFiddle： http: //jsfiddle.net/um4cQ/（如果您在左侧或顶部都没有看到红色背景，请尝试调整结果区域的大小）。

我在网上看到了一些关于该错误的参考，其中一些可以追溯到 2011 年，但我还没有听到开发人员的任何消息。暂时更重要的是，如果有 CSS 解决方法（不使用 javascript）。

有没有人为此找到可行的解决方法？

Answer 1

我添加了供应商前缀并修复了一些图像，然后我将background:颜色和不重复的速记规则分组。这修复了一些图像，但不是全部，所以我注意到它与您拥有的图像尺寸有关，我对所有图像使用了相同的图像（有效）并且它有效。

所以你的图像的纵横比在这里有一些事情要做，我认为这是因为background-size: cover;试图不通过弄乱纵横比来扭曲图像。

这是我的小提琴工作......只需重新处理您的图像，使其具有适合其容器的宽高比。