css - 无法在背景图像 :url from my files 中加载图像

Question

我只是想制作一个简单的网页来练习，但我无法在我的 .css 文件中加载任何图像。

这是它给我错误的部分。

 headerBarImage{
   height: 54px;
   background-image: 
   url("C:\Users\crvrb\Desktop\AtomProyects\webPage1\images\blueSky.jpg");
 }  

我尝试去掉分号或添加 ' ' 但它不起作用

如果我从 html 文件上传它就可以正常工作

 <img 
 src="C:\Users\crvrb\Desktop\AtomProyects\webPage1\images\blueSky.jpg" 
 alt="Blue Sky">

我还使用 google Chrome Web Server 打开文件。

Answer 1

在 CSS string 中\ 字符是转义字符(在 HTML 中不是)，因此需要表示为 \\。

Windows 文件路径会带来各种麻烦。请改用相对 URL(/ 字符在 HTML 和 CSS 中都不是特殊字符)。