Question

我的背景图片不会显示。我是否需要在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'); 
}

Answer 1

你的道路是问题所在。您正在导航到您的下载文件夹。将您的图像放在站点文件夹中的一个文件夹中，称之为“图像”，然后将其调用到您的css中。如果您的新“图像”文件夹与css文件夹位于同一级别，则第一个选项将起作用。 ../，因为您要前往一个文件夹以转到images。

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

编辑：在你的情况下，你的css文件不在css文件夹中，所以你可以直接进入你的图像文件夹而不会达到不同的级别：

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

CSS初学者，背景图片不会出现

1 个答案: