Question

我已遵循本文中的所有建议：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的文件夹中。

Answer 1

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

Answer 2

../ assets / corkboard.jpg 路径似乎有问题。我已经在Codepen中复制了您的html和css，并用Google图像中的一些随机图像url替换了图像url，效果很好。

CSS背景图像：URL（）不加载图像

2 个答案: