2016-12-23 9 views
-1

私はHTMLにリンクされた外部CSSファイルを持っています。例えばdivクラスのスタイルを適用すると動作しますが、html、bodyなどのスタイルを適用すると動作しません。何故ですか?外部CSSが動作しない

これは、CSSコードです:

html { 
     background: url(img/bc.jpg) no-repeat center center fixed; 
     background-size: cover; 

     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
    } 

このコードだけで私はhtmlファイルにスタイルタグを入れたときに、動作します。

そして、これはHTMLです:あなたは、与えられた画像のようにCSSファイルを保持しているhtmlファイルとフォルダのCSSを持っている場合、あなたはHTMLにCSSを追加することができます画像を確認

<!doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="css/style.css"> 
    </head> 

    <body> 

    </body> 
</html> 
+0

あなたはどのように定義されているにimage.pngを追加CSS?あなたがそれを教えない限り、あなたの質問に答えることはできません。 – cybermonkey

+0

コードを[fiddle](https://jsfiddle.net/)に入れてみることはできますか?そうでなければあなたの問題を診断するのはかなり難しいです。 –

+0

こんにちは@ MGamer333、あなたはあなたのファイル構造だけでなく、HTMLファイルを提供することができますか?それから、あなたをより良く助けることができるかもしれません。 Anish Sanaはjsfiddleを使って推薦しました。これは非常に役に立ちます。 –

答えて

0

enter image description here
与えられたリンクタグのように。

< リンクのrel = "スタイルシート" のhref = "CSS/base.css" 今>

あなたはCSS/base.cssファイルの下に好きなCSS記述することができますし、URLのディレクトリを使用する必要がありますその1つのレベルアップと言うwhick

URL(「../画像/ image.png」)

のようなプロパティや画像のディレクトリを検索し、このHTMLドキュメント

関連する問題