无法应用CSS为HTML文档

Question

我无法在CSS中使用下面的代码我的HTML文档中应用背景图像的身体：

body 
    { 
     text-align:center; 
     background-image:url('C:\wamp\www\marks display\WI71.jpg'); 
    } 

我也搜索了，但我找到了，以上声明属实，但无法执行。这是为什么发生？

Answer 1

当在网上发布时，路径不应映射到驱动器（文件路径），它应该是一个URL。

应该是这样background-image:url('http://domainname/71.jpg'); - 图像的完整的URL

或background-image:url('WI71.jpg'); - 相对网址

Answer 2

这不是一个URL，这是一个文件路径。

如果您的网站的根是marks display，也许你想这样的：

background-image:url('/WI71.jpg'); 

Answer 3

好友在现实中的HTML CSS居然是在服务器上的事情，所以下面是正确的代码：

background-image: url('c:/xyz/xyz/sample.jpg'); 

但是，如果你正在一个真正的网络服务器上传你的网站不给这样的路径，只是让它像下面那样

background-image: url('foldername_if required/imagename'); 

Answer 4

字符串C:\wamp\www\marks display\WI71.jpg不符合URL语法。首先，网址中不允许使用字符\;它应该被斜杠/取代。空格字符应该编码为%20。最后，引用文件在本地系统路径名，使用file:网址：

background-image:url('file:///C:/wamp/www/marks%20display/WI71.jpg'); 

然而，IE具有非常宽容的错误恢复在这里，所以你那些畸形的代码实际工作的IE浏览器，如果该文件存在在指定名称的地方。其他浏览器需要正确的代码（大部分）。

此类网址的用处非常有限。他们大多只在本地测试中工作，甚至在本地测试中，最好使用与HTML文档位置相关的URL。这样，只要复制文件夹结构的相关部分，就可以在本地测试和Web服务器上使用相同的代码。