2017-02-10 6 views
-1

私は私のCSSでのカスタムクラスのためにこれを持っている:身体に使用すると、特定のクラスの画像は機能しませんか?

.login-img-body{ 

    background-image: url('../img/loginWallpaper.jpg') no-repeat center center  fixed; 

    -webkit-background-size: cover; 

    -moz-background-size: cover; 

    -o-background-size: cover; 

    background-size: cover; 

} 

私は定期的にdivの上で、このクラスを使用する場合は、画像が適用されますが、私は体にクラスを使用する場合、画像は表示されません。ボディには他のクラスはありません。

+2

おそらく他のより具体的なスタイルもあります。ブラウザのデベロッパーツールを使用して確認します。 – lonesomeday

+0

'CSS'ルールは、特定性に基づいて適用されます。上記の宣言で定義されたものを優先させる他のルールがあります。何が起こっているのかを理解するために 'CSS'の指定を検索してください。 @ lonesomedayのアドバイスに従ってください。 –

+0

例のように、コードのどこにでも 'body {background:none}'があると、あなたの質問コードは使用されません。 – lonesomeday

答えて

1

あなたのCSSは無効です。ショートカットCSSを使用している場合は、バックグラウンドイメージではなくバックグラウンドイメージを使用する必要があります。

.login-img-body{ 

    background: url('../img/loginWallpaper.jpg') no-repeat center center fixed; 

    -webkit-background-size: cover; 

    -moz-background-size: cover; 

    -o-background-size: cover; 

    background-size: cover; 

} 
+0

まだ動作しません –

関連する問題