无法从我的文件中将图片加载到background-image:url中

时间:2019-10-24 11:51:44

标签: css

我只是想制作一个简单的网页进行练习,但是我无法在.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服务器打开文件。

1 个答案:

答案 0 :(得分:1)

CSS string中,<rule name="Prepend WWW" enabled="true" stopProcessing="true"> <match url="^(.*)$" /> <conditions logicalGrouping="MatchAll" trackAllCaptures="false"> <add input="{HTTP_HOST}" pattern="^(.*)azurewebsites.net$" negate="true" /> <add input="{HTTP_HOST}" pattern="^(?!www\.)(.*)$" /> </conditions> <action type="Redirect" url="https://www.{C:0}{PATH_INFO}" redirectType="Permanent" /> </rule> 字符是转义字符(在HTML中不是),因此需要表示为\

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