CSS初學者，背景圖片不會顯示

我的背景圖片不會顯示出來。我是否需要在HTML中標記圖像？也許位置參考或什麼？請幫忙！CSS初學者，背景圖片不會顯示

<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="sespe.css"/> 
    <title>Sespe Pizza Co.</title> 
</head> 
<body> 
    <div id="header1"> 
     <h1>Sespe Pizza Co.</h1> 
    </div> 
    <div id="mb1"></div> 
    <div id="mb2"></div> 
    <div id="mb3"></div> 
    <div id="mainPage"> 

    <div id="b1"></div> 
    <div id="b2"></div> 
    <div id="b3"></div> 
    <div id="b4"></div> 
    <div id="b5"></div> 
</body> 
</html>

CSS .....

body { 
    background-image:   url('/Users/Username/Downloads/3634195609_f6b7edac1b_b.jpg'); 
}

來源

2015-09-25 rainman0915

你的路徑問題。您正在導航到您的下載文件夾。將你的圖像放在你的站點文件夾中的一個文件夾中，稱它爲'圖像'，然後像這樣調用它到你的CSS中。如果新的'圖像'文件夾與css文件夾位於同一層，則第一個選項將起作用。 ../因爲你要上一層文件夾去images。

body { 
    background-image: url('../images/3634195609_f6b7edac1b_b.jpg'); 
}

編輯：看來你的情況，你的CSS文件不是一個css文件夾，這樣你可以得到你的圖片文件夾，而無需進入不同的級別：

body { 
    background-image: url('images/3634195609_f6b7edac1b_b.jpg'); 
}

來源

2015-09-25 22:19:05 amespower

真棒，謝謝！ – rainman0915

@ rainman0915沒問題，很高興它解決了。不要忘記接受答案。 – amespower

CSS初學者，背景圖片不會顯示

回答

相關問題