CSS根目录

Question

我有一个样式表,其中包括背景图像.

background: url(../Images/myImage.png);

问题是,来自不同目录的页面使用此css!

我的CSS文件是在CSS文件夹,图片文件夹中的图像,和我的HTML页面中根据自己的内容很多不同的文件夹和意义的网站.

我的所有页面都继承了这个css,因为它是MAIN主题.

上例中使用的路径是相对路径.显然,这条路径只适用于某些页面.我需要的是从ROOT文件夹中链接css中的图像.因此,无论文件在文件夹结构中的哪个位置,每条路径都是正确的!

我试过了:

~/Images/myImage.png
./Images/myImage.png
/Images/myImage.png
Images/myImages.png

我不认为根文件夹选择器存在...但我希望它这样做:/

Answer 1

/Images/myImage.png

这必须在您的域/子域的根目录中

它会起作用

但是,我认为它也会像这样工作

style.css中:

body{
    background: url(../images/yourimage.png);
}

经过一些研究,在路径定义路径之前设置正斜杠只有在网站托管域时才有效.因为'/'在运行时期间纯粹被域名替换.因此它不会在unhosted html/css文件上工作:) POW! (4认同)
这仅在您的网站托管时才有效吗？我目前正在使用 Visual Studio 2010 在上传之前调试我的网站。 (3认同)

Answer 2

我使用相对路径解决方案,

./../../../../../images/img.png

每个../将带你一个文件夹朝向根.希望这可以帮助..

Answer 3

单击此处获得良好的解释！

您需要了解的有关相对文件路径的所有信息：

以“ /”开头返回到根目录并从那里开始

以“ ../”开头的目录将向后移动一个目录并从该目录开始

以“ ../../”开头的文件将向后移动两个目录并从那里开始（依此类推...）

要前进，只需从第一个子目录开始并继续前进