css样式表中的全局变量

Question

我的样式表中有一个绝对的网址。 http://localhost/images/myimage.jpg。

我还有一个带有以下常量的配置类

const SITE_ROOT = 'http://localhost/images'

在我写的php页面上 config::SITE_ROOT . "/myimage.jpg"所以当我将网站移动到生产服务器时，我可以在一个中心位置更改网站根目录。

有没有办法在我的样式表中执行此操作而不将其放在页面中？ 相对网址不是一个选项，因为我使用的是mod重写，相对网址不起作用。

Answer 1

您可以通过PHP解析它们将SITE_ROOT常量写入CSS文件。将其添加到.htaccess：

AddHandler application/x-httpd-php .css

然后将PHP嵌入到CSS文件中，就像在任何.php文件中一样。

Answer 2

使用CSS无法做到这一点。如果你想做这样的事情，你可以把它变成一个PHP文件并以这种方式使用变量。

但你不能只使用绝对网址吗？

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

可以在任何服务器上运行，不是相对的，并且会从根目录中找到这些文件。