我的背景图片不会显示。我需要在 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 中。如果您的新“图像”文件夹与您的 css 文件夹处于同一级别,则第一个选项将起作用。 ../
因为您要向上移动一个文件夹才能到达 images
。
body {
background-image: url('../images/3634195609_f6b7edac1b_b.jpg');
}
编辑:在你的情况下,你的 css 文件不在 css 文件夹中,所以你可以直接进入你的图像文件夹,而无需进入不同的级别:
body {
background-image: url('images/3634195609_f6b7edac1b_b.jpg');
}
关于html - CSS初学者,背景图片不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32791372/