从子主题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 - 而不是文档、父主题或其他相关内容。

标签： images   child-theme   subdomains   paths   小码农  

相关推荐

Broken images on iphone

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