在我看来,webkit 中存在一个错误,可能是一个舍入问题,这导致该background-size
属性在设置为cover
.
jsFiddle: http: //jsfiddle.net/um4cQ/(如果您在左侧或顶部都没有看到红色背景,请尝试调整结果区域的大小)。
我在网上看到了一些关于该错误的参考,其中一些可以追溯到 2011 年,但我还没有听到开发人员的任何消息。暂时更重要的是,如果有 CSS 解决方法(不使用 javascript)。
有没有人为此找到可行的解决方法?
在我看来,webkit 中存在一个错误,可能是一个舍入问题,这导致该background-size
属性在设置为cover
.
jsFiddle: http: //jsfiddle.net/um4cQ/(如果您在左侧或顶部都没有看到红色背景,请尝试调整结果区域的大小)。
我在网上看到了一些关于该错误的参考,其中一些可以追溯到 2011 年,但我还没有听到开发人员的任何消息。暂时更重要的是,如果有 CSS 解决方法(不使用 javascript)。
有没有人为此找到可行的解决方法?
我添加了供应商前缀并修复了一些图像,然后我将background:
颜色和不重复的速记规则分组。这修复了一些图像,但不是全部,所以我注意到它与您拥有的图像尺寸有关,我对所有图像使用了相同的图像(有效)并且它有效。
所以你的图像的纵横比在这里有一些事情要做,我认为这是因为background-size: cover;
试图不通过弄乱纵横比来扭曲图像。
这是我的小提琴工作......只需重新处理您的图像,使其具有适合其容器的宽高比。