2

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

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

我也搜了一下，发现上面的声明是真的但是无法执行。为什么会这样？

4

4 回答 4

7

那不是 URL，那是文件路径。

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

background-image:url('/WI71.jpg');
于 2012-10-26T17:42:15.780 回答
1

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

它应该像 background-image:url('http://domainname/71.jpg');-- Complete Url of Image

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

于 2012-10-26T17:42:13.953 回答
0

该字符串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 上运行。其他浏览器需要正确的代码（大部分）。

此类 URL 的用处非常有限。它们大多只在本地测试中工作，即使在本地测试中，最好使用相对于 HTML 文档位置的 URL。这样，您可以在本地测试和 Web 服务器上使用相同的代码，前提是您复制文件夹结构的相关部分。

于 2012-10-26T19:12:23.703 回答
0

buddy html css 实际上是服务器上的东西，所以下面是正确的代码：

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

但是，如果您在真正的网络服务器上上传您的网站，请不要提供这样的路径，只需像下面这样

background-image: url('foldername_if required/imagename');
于 2012-10-26T17:47:27.413 回答