我的背景图片不会显示出来.我是否需要在HTML中标记图像？也许位置参考或什么？请帮忙!
<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');
}
你的道路是问题所在.您正在导航到您的下载文件夹.将您的图像放在站点文件夹中的一个文件夹中,称之为"图像",然后将其调用到您的css中.如果您的新"images"文件夹与css文件夹位于同一级别,则第一个选项将起作用.../因为你要去一个文件夹images.
body {
background-image: url('../images/3634195609_f6b7edac1b_b.jpg');
}
编辑:在你的情况下,你的css文件不在css文件夹中,所以你可以直接进入你的图像文件夹,而不需要进入另一个级别:
body {
background-image: url('images/3634195609_f6b7edac1b_b.jpg');
}