gpt4 book ai didi

css - 无法让背景图像显示 - 不是路径问题

转载 作者:行者123 更新时间:2023-11-28 06:16:46 26 4
gpt4 key购买 nike

我是这方面的新手,所以我确定我只是遗漏了一些东西。我无法显示背景图像。我尝试了所有不同的路径,也尝试了只复制网页背景的图像地址,看看是否可行。

这是 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>

这是正文 CSS:

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

最佳答案

在您的层次结构中,您试图返回一个目录然后转到 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 文件夹中!

关于css - 无法让背景图像显示 - 不是路径问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35850032/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com