CSS根目录

Question

我有一个样式表，其中包含背景图像。

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

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

我的CSS文件位于CSS文件夹中，图像位于Image文件夹中，我的html页面位于许多不同的文件夹中，具体取决于它们的内容和网站的含义。

我的所有网页都继承了这个css，因为它是MAIN主题。

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

我试过了：

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

我认为根文件夹选择器不存在...但我希望它能：/

Answer 1

/Images/myImage.png

这必须位于您的域/子域

的根目录中

http://website.to/Images/myImage.png

它会起作用

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

• 图像
  • yourimage.png
• 样式
  • 的style.css

的style.css：

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

Answer 2

我使用相对路径解决方案

./../../../../../图像/ img.png

每个../会将一个文件夹带到根目录。希望这会有所帮助..

Answer 3

点击here以获得良好的解释！

您需要了解相关文件路径：

以＆＃34; /＆＃34; 开头，返回根目录并从那里开始

从＆＃34; ../"开始; 向后移动一个目录并从那里开始

从＆＃34; ../../"开始; 向后移动两个目录并从那里开始（依此类推......）

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

Answer 4

例如，您的目录是这样的：

Desktop >
        ProjectFolder >
                      index.html
                      css >
                          style.css
                      images >
                             img.png

你在你的style.css，你想使用img.png作为背景图像，使用它：

url("../images/img.png")

适合我！

Answer 5

在CSS中，您只需要url(logical path to the image file)

Answer 6

“../”表示升级（父文件夹）链接"../images/img.png"的问题将无效，因为当您使用ajax数据从服务器传递到网站时。

你需要做的是将图像位置指向root，然后是“./”，然后是第二个文件夹（在这种情况下，第二个文件夹是“images”）

url("./images/img.png")

如果你有这样的文件夹

然后你使用url("./content/images/img.png")，记住你的图像在编辑器窗口中不可见，但是当它使用ajax传递给浏览器时它会显示。