无法为HTML文档的正文应用CSS

Question

我无法使用CSS中的以下代码在HTML文档中应用背景图片：

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

我也搜索了它，但我发现，上面的声明是正确的但无法执行它。为什么会这样？

Answer 1

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

如果您网站的根目录是marks display，可能您需要这个：

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

Answer 2

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

应该像background-image:url('http://domainname/71.jpg'); - 完整的图片网址

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

Answer 3

实际上，buddy 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语法。首先，URL中不允许使用字符\;它应该用斜杠/替换。空格字符应为％{编码为%20。最后，要使用路径名引用本地系统中的文件，请使用file: URL：

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

但是，IE在此处具有非常宽松的错误恢复，因此如果文件存在于指定名称的位置，则您的格式错误的代码实际上可以在IE上运行。其他浏览器需要正确的代码（主要是）。

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