6

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

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

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

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

4

1 回答 1

0

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

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

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

于 2013-07-24T00:34:15.510 回答