Css Can'；无法获取背景图像以显示非路径问题_Css_Background Image

Css Can'；无法获取背景图像以显示非路径问题

css

Css Can'；无法获取背景图像以显示非路径问题,css,background-image,Css,Background Image,我是新手，所以我肯定我错过了一些东西。我无法显示背景图像。我尝试了所有不同的路径，也尝试了复制一个网络背景的图像地址，看看这是否可行以下是HTML： <!DOCTYPE html> <html> <head> <title>REDACTED</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="c

我是新手，所以我肯定我错过了一些东西。我无法显示背景图像。我尝试了所有不同的路径，也尝试了复制一个网络背景的图像地址，看看这是否可行

以下是HTML：

<!DOCTYPE html>
<html>
<head>
    <title>REDACTED</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href='https://fonts.googleapis.com/css?family=Lobster|Open+Sans' rel='stylesheet' type='text/css'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>

<header>
    <div class="logo">
        <h1>REDACTED</h1>
        <p>Aspiring Web Developer</p>
    </div>
    <nav>
        <ul>
            <a href="#"><li class="selected">About Me</li></a>
            <a href="#"><li>Projects</li></a>
            <a href="#"><li>Contact</li></a>
        </ul>
    </nav>
</header>

<main>
    <img src="img/julie.png">
    <h2>About Me</h2>
    <p>REDACTED</p>
</main>

</body>
</html>

在您的层次结构中，您试图返回一个目录，然后转到img/geometry.png，这就是问题所在，因为当您在html中链接css文件时，您不需要使用“../”，您可以直接访问img文件夹

试试这个：

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    background-image: url('img/geometry.png');
}

别忘了将geometry.png放在img文件夹中

正如@MarcosPerezGude所指出的，确保您的路径与目录结构相匹配（在本例中可能是反之亦然）。根据您提供的内容，目录结构和文件应该是这样的：

/index.html
/css
    /style.css
    /normalize.css
/img
    /geometry.png

正如其他人所指出的，以下是：

正文{
字体系列：“开放式Sans”，无衬线；
边际：0px；
填充：0px；
背景图像：url（'../img/geometry.png'）；
}

需要在

style.css

或

normalize.css

中使用上述目录结构。

可能是区分大小写的，尝试使用以下路径进行检查：

。/img/geometry.png

必须具有如下文件夹结构：

/index.html | | | |/img/geometry.png | | |/css

，并且主体css必须位于/css文件夹中的css文件中。它应该能很好地工作。我试过两种方法：背景图像：url（'img/geometry.png'）；和背景图像：url（'../img/geometry.png'）；。两者都不起作用。我非常确定后者是正确的路径，因为我的文件结构是index.html/img/geometry.pngI还尝试将geometry.png放在根文件夹中并使用背景图像：url（'geometry.png'）；但这也不起作用(

/index.html
/css
    /style.css
    /normalize.css
/img
    /geometry.png