我们如何在 CSS 文件中使用提及的相对路径也使 HTML 文件成为相对路径答案

【问题标题】：How can we use mention relative path in CSS file also make relative for HTML file我们如何在 CSS 文件中使用提及的相对路径也使 HTML 文件成为相对路径
【发布时间】：2015-06-24 01:43:53
【问题描述】：

我在 css 相对路径中遇到了麻烦。

我在 css 文件中使用了背景属性，并在其中提到了图像的相对 url 路径。但是该图像在我的 HTML 文件中充当绝对路径。我想知道我们如何为 CSS 和仅使用 CSS 属性的 HTML 文件。

【问题讨论】：

你能提供一些代码吗？不清楚您的问题是什么。
想象你的文件夹结构是这样的 [ROOT] => index.html, CSS, JS, IMGS。这样，您的 html 文档位于根目录中，并且该根目录包含名为 css、js 和 imgs 的子文件夹。如果你想在你的 CSS 样式文件中声明一个图像路径，它会是 ('../imgs/test.jpg');如果要在html文档中直接调用双点，则向后跳转一个文件夹，您必须使用一个点（'./imgs/test.jpg'）；
这个链接可能有用[stackoverflow.com/questions/5815452/… [1]: stackoverflow.com/questions/5815452/…
@Lance... 我在 css => background:url('../../images/image.jpg'); 中使用以下属性.我知道它的相对路径。但是在我的 html 文档中，我正在访问这个 css 文件作为图像的绝对 url 路径。对于 SEO 角度，我必须更改它。

标签： javascript html css

【解决方案1】：

您应该能够将 / 放在路径的开头，并使其相对于 Web 根目录的顶部。它看起来像这样：

background:url(/images/stuff/myimg.png);

【讨论】：

@nixkuroi...我在我的 css 文件中使用了相同的 url。但在包含的 css 文件中它充当绝对路径。
style.cssfjskdjfksd 在样式表中。我已经包括：- background:url(/images/stuff/ myimg.png);图像显示在 html 页面中。但是当我检查我的 SEO 插件时，图像的路径充当绝对路径。插件说你已经定义了绝对路径
你能给我你的 html 文件和你的 css 文件和你的图片的路径吗？这可能会帮助我了解为什么您的插件说它是绝对路径。我认为当您使用斜杠开头时，它会从浏览器中被解释为绝对路径，因为它使路径相对于根目录。