私のイメージはなぜ表示されませんか？

私の画像は、同じフォルダツリーに保存されます。それは私のウェブページと呼ばれ、ロードされません。それはおそらく何か本当にシンプルですが、私はそれを理解することはできません。どんなヒントも高く評価されます。私のイメージはなぜ表示されませんか？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML  4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
    <html> 
    <head> 
    <meta content="text/html; charset=ISO-8859-1" 
    http-equiv="content-type"> 
    <title>website</title> 
    <style type="text/css" media="screen, print, projection"> 

    body{ 
     background-image:url('C:\Users\blah\Desktop\webdesign\randompicture.png'); 
    } 


    </style> 
    </head> 
    <body> 
    </body> 
    </html>

出典

2011-07-01 javi

あなたの写真があなたのhtmlファイルと同じディレクトリにある場合、相対パスを使用してみてください、単に書く：

background-image: url(randompicture.png);

はまた、あなたがCSSのurl()表記でアポストロフィを必要としません。

ルールを別のCSSファイルに入れる場合、パスはHTMLではなく、CSSファイルに相対的なものにする必要があります。

出典

2011-07-01 06:57:05 kapa

ありがとうございます、私は初心者であり、あなたが教えてくれるように学んでいます。 btwは別のフォルダにあると言っていますが、どうすればそのイメージを使用できますか？以前は画像が別のフォルダにあったので、フルパスxxx/xxx/xxx/pic.pngを使用していたので動作しませんでした。 – javi

@javi HTMLが 'webdesign'にあり、画像が' webdesign/static/images'にある場合は 'url（static/images/randompicture.png）'と書くだけです。 – kapa

画像は、同じフォルダ内にある場合には、使用：

body 
{ 
    background-image: url('randompicture.png'); 
}

出典

2011-07-01 06:57:32 Rhapsody

ありがとう！それが別のフォルダにある場合、その画像はどのように使用しますか？以前は画像が別のフォルダにあったので、フルパスxxx/xxx/xxx/pic.pngを使用していたので動作しませんでした。 – javi

常に相対パスを使用してください。画像が別のフォルダにある場合：background-image：url（ '../ your-image.png'）;または背景画像：url（ 'images/your-image.png'）; – Rhapsody

代わり

C:\Users\blah\Desktop\webdesign\randompicture.png'の使用相対パスをあなたのHTMファイルがrandompicture.png webdesignフォルダ内にある場合

使用background-image: url(randompicture.png);

htmlファイルがデスクトップにある場合

使用background-image: url('./webdesign/randompicture.png');

出典

2011-07-01 06:59:28

私のイメージはなぜ表示されませんか？

答えて

関連する問題