css - 如何在css中获取wordpress的根目录

Question

如何获取wordpress的css根目录？

我的CSS是这样的:

#bg{
display: block;
background: url('/assets/images/_userfiles/bg_1.png') no-repeat center center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

我以为这会链接到 wordpress 文件夹的根目录，但事实并非如此，所以我怎么可能正确呢？

我的 Assets map 位于 wordpress 文件夹的根目录下。

Answer 1

您使用的 CSS 为您提供域根。

因此，如果您的域是 www.site.com，您的 css 会尝试请求:

www.site.com/assets/images/_userfiles/bg_1.png

在 CSS 中提到的文件在没有像您所做的那样与绝对路径一起使用时是相对于您的 css 样式表文件的。

所以，你的 css 文件在:

www.site.com/wp-content/themes/mytheme/style.css

你的文件在:

www.site.com/wp-content/themes/mytheme/assets/images/_userfiles/bg_1.png

你只需要从你的 css url() 中删除你的第一个 '/';

#bg
   {
   display: block;
   background: url('assets/images/_userfiles/bg_1.png') no-repeat center center;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }

回顾

基本 url 是相对于您的 css 文件的。

要相对于你的 css 文件向上一个目录使用 url(../path/to/file/that/is/one/directory/up/from/your/css/file);

因此，只需在您的 ftp 资源管理器中检查您的 css 文件所在的目录结构，然后找出您的 Assets 文件夹的路径。

您可以使用任意多个 ../../../。如果达到最大值，浏览器将默认为站点的 url，就像您使用“/”开始您的 url 一样。