css background-image:url() 不加载图像答案

【问题标题】：css background-image:url() not loading the imagecss background-image:url() 不加载图像
【发布时间】：2019-04-30 18:04:52
【问题描述】：

我遵循了这篇文章中的每一个建议：CSS Background image not loading

但我的图片没有在后台加载。

这是我的css/style.css：

body {
  font-family: 'Lucida Grande', 'Helvetica', sans-serif;
  background-image: url(../assets/corkboard.jpg);
}

我正在将它加载到我的index.html 文件中，该文件位于项目的根目录中：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>notepad</title>
  <link rel="stylesheet" href="css/style.css" type="text/main">
</head>
<body>

  <button type="button" name="button" id="newNoteButton" onclick="newNote()">Add New Note</button>
  <script type="text/javascript" src="js/script.js"></script>
</body>
</html>

我的图片位于名为 assets 的文件夹中。

【问题讨论】：

标签： html css

【解决方案1】：

../assets/corkboard.jpg 路径似乎有问题。我已经在 Codepen 中复制了您的 html 和 css，并将图像 url 替换为在 Google 图像中找到的一些随机图像 url，它工作正常。

【讨论】：

【解决方案2】：

如果有人遇到此问题，请确保在您的链接标签中您的类型是 text/css 而不是 text/main。

【讨论】：