background-size:覆盖Chrome上的错误

时间:2016-11-22 09:39:05

标签: css css3

我正在尝试此代码。它适用于Firefox 50,在Chrome版本54.0.2840.99 m(64位)上失败,在Windows上都失败。

.test {
    background: url(datas/images/3.jpg) no-repeat center center fixed;
    background-size: cover !important;
}

以下是Firefox的屏幕截图:http://imgur.com/Eba7H06,这是Chrome图片:http://imgur.com/TfFurVB

1 个答案:

答案 0 :(得分:0)

你的'.test'类似乎更有可能从父元素继承它的一些属性,因为它适用于我的chrome版本。

尝试使用chrome中的开发人员工具来检查对您的课程有何影响。

body {
    background: url(http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg) no-repeat center center fixed;
    background-size: cover;
}