Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can´;t加载背景图像中的图像:我的文件中的url_Css - Fatal编程技术网

Css Can´;t加载背景图像中的图像:我的文件中的url

Css Can´;t加载背景图像中的图像:我的文件中的url,css,Css,我只是想做一个简单的网页来练习,但我不能在我的.css文件中加载任何图像 这是它给我错误的部分 headerBarImage{ height: 54px; background-image: url("C:\Users\crvrb\Desktop\AtomProyects\webPage1\images\blueSky.jpg"); } 我试着去掉分号或加上“”,但没用 如果我从html文件上传,效果很好 <img src="C:\Users\crvrb

我只是想做一个简单的网页来练习,但我不能在我的.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服务器打开文件。

在a
\
中,字符是转义字符(在HTML中不是),因此需要表示为
\


Windows文件路径提供了各种各样的麻烦。改为使用相对URL(HTML或CSS中的
/
字符都不是特别的)。

在为web开发时,使用本地服务器通常是最佳做法。您可以安装XAMPP或MAMP并从那里开始。我想在CSS上下文中,它可能会将其解释为一个相对URL。您可以尝试显式指定文件协议(
file:///C:/Users/…
,请注意,所有斜杠都应该是正向斜杠),但正如前面所说的,您实际上应该安装一个本地web服务器。在开发过程中,你越接近“真实”情况,当网站在某个时候被上传到实时服务器时,你通常遇到的麻烦就越少。你能将文件路径修改为相对的吗?url(“../images/blueSky.jpg”)原以为我已经试过了,但现在可以用了,非常感谢!我想知道为什么它显示为一个错误,但在使用相对URL后,它的工作很好,谢谢!