background-size：Chromeのバグをカバー

Question

私はこのコードを試しています。これはFirefox 50で動作し、Windows版Chromeバージョン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、ここでは、クロームのイメージは次のとおりです。http://imgur.com/TfFurVB

Answer 1

あなたの「.TEST」クラスはそれとして、親要素からその属性の一部を継承している可能性が高いと思われますそのバージョンの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; 
 
}