如何在 CSS 文件中指定图像路径？答案

【问题标题】：How to specify image paths in CSS files?如何在 CSS 文件中指定图像路径？
【发布时间】：2011-08-16 01:24:49
【问题描述】：

我正在使用 Yii 框架，并且有一个 CSS 文件，它使用一些图像作为背景和类似的图像。

其他 PHP 代码可以使用 Yii::app()->request->baseUrl 为资源添加正确路径的前缀。但是，css文件不是PHP，所以我不能使用代码。

我尝试使用相对路径，但是不同深度的html页面访问相同的css文件，例如：

http://mysite/controller/action1/10
http://mysite/controller

所以相对路径不起作用（至少，不是在所有浏览器中）。

是否有一些 Yii 的方式来做到这一点，或者我应该只使用绝对路径并完成它？

【问题讨论】：

标签： css yii

【解决方案1】：

您可以尝试使用以“/”开头的半相对路径。比如“/images/image1.jpg”。

这总是相对于网站的根目录。

问候

【讨论】：

【解决方案2】：

CSS 文件中图像的路径总是相对于 CSS 文件，而不是相对于引用 CSS 文件的页面。

因此，您在 HTML 页面中以不同的路径深度使用 CSS 文件并不重要，因为它总是从 CSS 的位置查找。

例如，如果您的 CSS 文件位于 /Content/Css 中，而您的图像位于 /Content/Images 中，那么您应该始终将您的图像引用为 url(../Images/something.png)。

【讨论】：