html - 如何使用子目录中的相对链接重用css？

Question

我有一些我想重用css的子页面，但是我有相对定义的背景url，当从子页面访问时会中断。

我愿意使用绝对路径，但我需要它们是可配置的，我不确定如何在 css 中包含配置路径。

我还考虑过只使用 html 基本标签并坚持使用相对

处理这种情况的最佳方法是什么？

Answer 1

听起来您的样式表可能设置不正确。通常你应该把你的 css 和你的图片放在同一个父目录中。像这样：

assets > styles > styles.css
assets > images > image.jpg

这样，您的图像将始终是与此匹配的文档内部的相对路径：

background: url(../images/image.jpg); 

然后，您可以在 HTML 链接标记中设置绝对路径，并将当前页面链接到样式表，如下所示：

<link href="http://mysite.com/assets/styles/styles.css" type="text/css" rel="stylesheet" />

Answer 2

根据您当前的设置，使用 HTML 基本标记将是您的最佳选择。这是改变你所拥有的最干净和最简单的方法，而无需移动大量的东西。