从子主题CSS文件中加载具有相关路径的图像时出现问题

时间:2016-05-06 作者:Ayanize

我在从子主题目录加载CSS文件中的相关图像时遇到问题。我放置-

站点:示例。com或子域。实例com公司

body{
background-image: url(/wp-content/themes/child-theme-name/images/some-image.png);
}
现在,当站点位于根文件夹(或子域)中时,上述方法可以正常工作,但当站点来自子目录安装时,路径会中断。

站点:示例。com/子文件夹

我试过了

body{
    background-image: url(../wp-content/themes/child-theme-name/images/some-image.png);
    }
现在它在子文件夹中工作,但在根或子域中再次中断。

如何编写正确的文件路径,该路径将在根目录或子目录站点中工作,其中图像将从子主题文件夹加载(sayimages 文件夹

1 个回复
最合适的回答,由SO网友:TheDeadMedic 整理而成

没有必要wp-content/themes 路径-两个主题位于同一目录中,因此您可以向上遍历一个主题,然后向下遍历到子主题:

background-image: url(../child-theme-name/images/some-image.png);
Update: 关于您对“CSS文件存储在哪里”的回答,您推断样式表位于子主题文件夹中-在这种情况下,您正在大量地将事情复杂化,可以直接使用(正如@Rishabh所建议的):

background-image: url(images/some-image.png);
样式表中的相对路径为relative to the stylesheet itself - 而不是文档、父主题或其他相关内容。

相关推荐

Broken images on iphone

我在iPhone上破坏了图像,这只发生在我大约一周前添加新图像的主页上(新图像的格式和大小与旧图像完全相同)这是网站:CartonMaster。伊利诺伊州公司提前感谢,