background-size:覆盖webkit中的bug

Question

它看起来像webkit中有一个错误,可能是一个舍入问题,导致该background-size属性在设置时无法覆盖整个元素cover.

jsFiddle:http://jsfiddle.net/um4cQ/(如果你看不到左边或上面的红色背景,请尝试调整结果区域的大小).

我已经看到网络上的一些错误,有些可以追溯到2011年,但我还没有听到开发人员的任何消息.更重要的是暂时,如果有一个CSS解决方法(不使用javascript).

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

Answer 1

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

因此，图像的长宽比在这里有一定关系，我认为这是因为background-size: cover;试图不通过弄乱长宽比来扭曲图像。

这是我的小提琴工作......只需重新处理您的图像，以便它们具有适合其容器的纵横比。