CSSスタイルシートのグローバル変数

Question

スタイルシートに絶対URLがあります。 http：//localhost/images/myimage.jpg 。

次の定数を持つ設定クラスもあります

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

PHPページで書く config :: SITE_ROOT ＆quot; /myimage.jpg" を使用すると、サイトを運用サーバーに移動するときに、1つの中央の場所でサイトルートを変更できます。

スタイルシートでページに配置せずにこれを行う方法はありますか？ 相対URLはオプションではありません。なぜなら、私はmodの書き換えを使用しており、相対URLは機能しないからです。

Answer 1

SITE_ROOT 定数をPHPで解析することにより、CSSファイルに書き込むことができます。これを .htaccess に追加します：

AddHandler application/x-httpd-php .css

次に、 .php ファイルの場合と同様に、PHPをCSSファイルに埋め込みます。

Answer 2

CSSでこれを行う方法はありません。このようなことをしたい場合は、PHPファイルにして、変数をそのように使用できます。

しかし、絶対URLを使用することはできませんか？

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

どのサーバーでも動作し、相対的ではなく、ルートからファイルを見つけます。