Question

例如在CSS

中

background-image: url('C:\Users\Narendra\Documents\myfile/23.jpg');

（我还在学习CSS）在我的情况下，如果我放（src =“”），图像将仅通过index.html加载但是不使用url。这是我的源路径或代码的问题吗？

Answer 1

由于浏览器相关的安全问题，您无法做到这一点。浏览器往往会抬起眉毛，对你这样做会大喊大叫。这就是为什么你必须给出相对路径（与你的服务器根目录相关）。原因是当你提供绝对路径时，如果你在你自己的计算机上使用浏览器就好了（虽然chrome会嘲笑你）但是如果你从差异计算机访问同一页面然后它试图寻找那个本地c：驱动器中的文件。

如此长的故事，如果你想让它在不同的浏览器中执行，它就无法运作

Answer 2

你可以使用......

background-image: url('http://somewhere.com/whatever-image.jpg');

但最好将图像放在文件夹结构中的某个位置。如果您有一个img文件夹，例如......

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

路径需要相对于样式表（../返回文件夹）。你不会在css中有src，那就是html。

希望有所帮助

Answer 3

您可以尝试此代码

body{background-image:url("file://C:\Users\Tim\Desktop\beige001.jpg");}

此代码在Internet Explorer中运行良好，但在Chrome中无效。

参考http://www.overclock.net/t/1249732/css-background-image-using-local-file

Answer 4

CSS：

.thisElement {
    background-image: url('/img/backgrounds/image.jpg');
    }

HTML：

<body class="thisElement">...</body>

使用CSS类/ id调用您的图像，然后创建您希望图像所在的元素（div，header，body等），并将该类/ id添加到元素中。

CSS类和ID示例：

类示例：

.thisClass {
        background-image: url('/img/backgrounds/image.jpg');
        }

ID示例：

#thisID {
                background-image: url('/img/backgrounds/image.jpg');
                }

调用css的HTML示例

<div class="thisClass">...</div>
<div id="thisID">...</div>

可以在css中的url img具有我计算机中文件夹的源路径

4 个答案: