2017-04-23 40 views
0

多分、この質問のタイトルは少し混乱しますが、私は詳しく説明します。HTMLファイルとCSSファイルのURLパス

イメージ、jsファイル、およびcssで背景イメージのURLを持つサイト(PHP SCRIPT)を開発しているとします。

www.example.com/subfolder 

または私はこのように私のCSSの背景画像のパスを使用した場合、彼はwww.example.com

にそれを置く:

それを購入したユーザは次のようにサブフォルダにそれを置く場合 あなたはそれを動作させる必要があります
background: url(/assets/img/thumbs-up.png) no-repeat; 

これはwww.example.comで、ユーザーの場所スクリプトあれば動作しますが、彼はwww.example.com/subfolderに置いた場合、ブラウザはwww.example.com/assets/img/thumbs-up.pngの代わりwww.example.com/subfolder/assets/img/thumbs-up.png

を要求されます

これは通常、この

background: url(assets/img/thumbs-up.png) no-repeat; 

を使用して解決されているにもかかわらず、私の場合はブラウザがこの部分はCSSファイルが置かれている場所assets/cssがあり、

http://www.example.com/subfolder/assets/css/assets/img/thumbs-up.png 

代わりにこのURLを要求しています。

私はこれはルートwww.example.comwww.example.com/subfolder で動作します。しかし、それは良い方法です?

background: url(../../assets/img/thumbs-up.png) no-repeat; 

を使用してこれを固定JSファイルの場合

、私はこのコードを持つファイルは、スクリプトのルートに位置しているので、これは動作します。この

<script src="assets/js/single_load.js"></script> 

ようなスクリプトが含まれています。 (JSと呼ばれるサブフォルダ内のファイルは、私は、ファイルが置かれているどのように多くのサブフォルダに応じて../何度も追加する必要がありますと思えばhttp://www.example.com/index.phpまたはhttp://www.example.com/subfolder/index.phpは、それを呼び出している)

任意の考え、この上ガイド?

+0

質問が不明な場合は、私が改善のためにできることをコメントでお知らせください。 – Luka

答えて

0

すべてのPHPスクリプトでCSSファイルに1つのパスを使用します。

イメージへのパスは、例えば

をPHPではない、あなたのCSSパスから配置されます:

- index.php 
- subfolder 
    --index.php 
-assets 
    --css 
     ---style.css 
    --img 

のstyle.css

background: url(../assets/img/thumbs-up.png) no-repeat; 

config.phpの

<?php 
$root_path = "www.example.com"; 
//OR $_SERVER["REQUEST_URI"]; if you have one index.php 

ルートのindex.php

<?php include "config.php"; ?> 
<link href="<?php echo $root_path;?>/assets/css/style.css"> 

サブフォルダ/インデックス。PHP

関連する問題