1. ホーム
  2. css

[解決済み] CSSのURLで相対パスと絶対パスを使い分けるには?

2023-03-01 19:28:53

質問

私は本番用と開発用のサーバーを持っています。 問題は、ディレクトリ構造です。

開発用です。

  • http://dev.com/subdir/images/image.jpg
  • http://dev.com/subdir/resources/css/style.css

制作しています。

  • http://live.com/images/image.jpg
  • http://live.com/resources/css/style.css

どうすれば style.csscss フォルダを作成し、両サーバで同じパスで background: url プロパティに同じパスを使用できますか?相対パスで使用できるトリックはありますか?

どのように解決するのですか?

URLは の位置からの相対パスで、CSS ファイル であるため、これでうまくいくはずです。

url('../../images/image.jpg')

相対 URL は 2 つ後ろのフォルダに移動し、さらに images フォルダに移動します。構造が同じであれば、両方のケースで動作するはずです。

から https://www.w3.org/TR/CSS1/#url :

部分 URL は、ドキュメントに対する相対的なものではなく、スタイルシートのソースに対する相対的なものとして解釈されます。