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文件夹的根目录，但事实并非如此，我怎么可能这样做呢？

我的资产地图位于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%;
   }

<强>小结

基本网址与您的css文件相关。

要使用url(../path/to/file/that/is/one/directory/up/from/your/css/file);

相对于css文件上一个目录

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

您可以使用任意数量的../../../。如果达到最大值，浏览器将默认为网站的网址，就像您使用“/”来启动网址一样。

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

1 个答案: