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初学者，背景图片不会显示

回答

相关问题