background-size：在Chrome上覆蓋bug

Question

我在試這個代碼。它在Firefox 50上運行，並且在Windows上的54.0.2840.99 m（64位）版本上失敗，但都失敗。

.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

Answer 1

似乎更可能是你的「測試」類是從它父元素繼承它的一些屬性對於我來說，在那個版本的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; 
 
}