时间戳

首页 > 解决方案 > CSS 背景图片错误：net::ERR_FILE_NOT_FOUND

css - CSS 背景图片错误：net::ERR_FILE_NOT_FOUND

问题描述

这是我的 HTML 代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trial </title>
    <link rel="stylesheet" type="text/css" href="trial.css">
  </head>
  <body>
    <div class="container1">
      <p>
        Hello
      </p>
    </div>
  
    <img src="D:\Trial Website\Grow Image.jpg" alt="image">
  </body>
</html>

图像文件位置似乎在图像标记中的 HTML 中工作，但它在我使用相同文件位置的 css 中不起作用。

这是我的 CSS 代码：

h1 {
  color: green;
}

.container1 {
  background-image: url(D:\Trial Website\Grow Image.jpg);
  text-align: center;
}

标签： csspath

解决方案

您必须放置可通过网络访问的 URL，而不是路径。

因此，如果您的 webroot 位于 之下Trial Website，则执行

<img src="/Grow Image.jpg" alt="image"/>
background: url("/Grow Image.jpg") ;

推荐阅读