CSS内に記述した画像の相対パス  【解決済み】

質問全般・改善要望
返信する
modxmen
メンバー
メンバー
記事: 17
登録日時: 2012年3月04日(日) 23:55

CSS内に記述した画像の相対パス

投稿記事 by modxmen »

-----
ご利用のサーバ:KAGOYA
Webサーバのバージョン :
PHPのバージョン :
データベースのバージョン :
MODXのバージョン :1.0.6J
ブラウザ :Chrome
-----

MODXタグを記述する前に、ブラウザでの表示確認を行いました。
フレンドリーURLを設定しています。エイリアスを使用「はい」、エイリアスパスを使用「はい」の状態です。

<head>
<base href="[(site_url)]" />
</head>

としてベースタグを指定したつもりです。

HTMLファイルに記述した画像のパスは、相対パスでも表示されるのですが、
CSS内に記述した画像のパスは、相対パスでは表示されません。

1.CSS内の画像のパスを絶対パスに変更 ・・・ 表示OK
2.[(site_url)]assets/templates/hogehoge/img/abc.gif ・・・ 表示NG
3.グローバル設定->管理画面の設定->CSSファイルへのパス->/templates/hogehoge/styles.css ・・・ 表示NG
4.上記3のスラッシュを取って templates/hogehoge/styles.css ・・・ 表示NG

テストサーバから本番環境へ移設する際に相対パス的な記述を使いたいと考えています。
WordPressだと、CSS内に相対パスで記述する方法があったのですが、
MODXの場合は、CSS内は絶対パスで指定しなければならないのでしょうか?
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: CSS内に記述した画像の相対パス

投稿記事 by yama »

http://www.htmq.com/style/background-image.shtml
特にMODXに限らないのですが、CSSファイル基準の相対パスになってないでしょうか?
modxmen
メンバー
メンバー
記事: 17
登録日時: 2012年3月04日(日) 23:55

Re: CSS内に記述した画像の相対パス  【解決済み】

投稿記事 by modxmen »

MODXに載せるので、変えよう変えようとしていましたが

img/

のままで正常に表示されました。
CSSへのパスは変えても、CSSの中のパスは変えなくて良いのですね。
ありがとうございました。
返信する