CSSを使用してイメージへの相対パスを定義する：background-image url

私は、デスクトップに「New_Website」という名前の「root」フォルダがあるとします。私は4つのサブフォルダを持っています。 main_files、website_images、website_others、website_stylesheetsにあります。CSSを使用してイメージへの相対パスを定義する：background-image url

website_stylesheetsにstylesheet.cssが含まれていて、ウェブサイトの画像にrandomimg.jpgが含まれている場合、CSS - background-image：url（相対パス）を使用してstylesheet.cssからrandomimg.jpgに移動します。？内部（

index.html（main_filesフォルダ内）

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="C:\Users\...\Desktop\New_Website\website_stylesheets\stylesheet.css"> 
    </head> 
    <body> 
    <div></div> 
    </body> 
</html>

stylesheet.css：

以下は私のために働いた

出典

2017-03-02 Dylan

'背景画像：のURL（ '../ website_images/randomimg.jpg'）;' –

ロジックがそれを思うだろう。これは動作しないようですが、 – Dylan

あなたのブラウザのコンソールに何かエラーがありますか？ –

は（私の中に3つのフォルダとそれぞれ1で1つのファイルでデスクトップにNew_Websiteを作りました） website_stylesheetsフォルダ）

body { 
    background-color: gray; 
} 
div { 
    background-image: url('file:///C:/Users/.../Desktop/New_Website/website_images/randomimg.jpg'); 
    height: 70px; 
    width: 83px; 
}

randomimg.jpg（中サイドwebsite_imagesフォルダ）

（それは白の画像です）

出典

2017-03-02 16:43:30 user7393973

ウェブサイトがオンラインになると絶対パスはどのようにフェア・アウトされますか？確かに絶対パスはうまくいかないでしょうか？ – Dylan

@Dylan：これは新しくないことは間違いありません。ほとんどのウェブサイトはローカルイメージにURLを使用しています。 – user7393973

スタイルシートを含むフォルダにイメージを置くことに何らかの害がありますか？おそらく悪い習慣ですが、悪影響がありますか？ – Dylan

CSSを使用してイメージへの相対パスを定義する：background-image url

答えて

関連する問題