2016-12-24 4 views
0

私ははどのようにCSSファイル内の相対参照を使用する

MyWebpage 
    - css 
    - layout.css 
    - img 
    - wallpaper.jpg 
    - js 
    - index.html 

は、私は次の行が現在のindex.html

<link rel="stylesheet" type="text/css" href="css/layout.css"> 

に含まれている以下のフォルダ構造を持つWebページを持っています、I画像wallpaper.jpg<body>要素の背景として使用します。ここで相対参照を使用するにはどうすればよいですか?このようなファイルをCSSファイルに関連して検索する必要がありますか?

body { 
    background: url('../img/wallpaper.jpg'); 
} 

このようなHTMLファイルとの関連性はありますか?

body { 
    background: url('img/wallpaper.jpg'); 
} 
+3

この質問は、両方の方法で2回のテストを行うよりも、約10倍長く書いてあります。 – wscourge

+0

@ K.Daniek no。 1番目の解決策は正しいです(* cssルールがcssファイルの中にあると仮定*)。 –

答えて

1

ITSは本当にあなたが.htmlのファイルから画像をロードするようにブラウザを伝えるのようにhtmlファイルへの相対パスを使用するの.htmlファイルにインラインスタイルやヘッドスタイルタグを書く場合は、あなたのCSS を書いている場所によって異なります。

.cssファイルのスタイルを書くと、cssファイルのdestination.asとの相対位置が.htmlから.cssを読み込み、.cssが必要なリソースを読み込みます。

関連する問題