html - css 样式表路径，坚持文件本身所在的位置？

Question

我在根文件夹中有一个 css 文件，它引用里面的文件，相对于它的路径。

例如 stylesheet.css 和 image.png 在一个文件夹中，调用如下:

background-image:url('image.png');

当我将其附加到 index.html 时，如下所示:

<LINK rel="stylesheet" type="text/css" href="stylesheet.css">

...它加载得很好，但如果想将它附加到子文件夹的文件:

<LINK rel="stylesheet" type="text/css" href="../template_style.css">

...模板加载，但它实际上在启动它的 html 文件的文件夹中查找 image.png，而不是从 css 文件本身的文件夹中查找。

有什么解决办法吗？

Answer 1

添加 <base href="http://www.example.com/">给你的head

有了这个，你只需要添加:

<link rel="stylesheet" type="text/css" href="stylesheet.css">

如果是域或子域，href 需要是 stylesheet.css如果您的 css 位于公共(public)根文件夹 ( http://www.example.com/stylesheet.css )