パスに奇妙な問題があります。これは機能します(Windows上):
<div style="background:url('folder1/image.gif')...
しかし、これは機能しません (画像が表示されません):
<div style="background:url('/folder1/image.gif')...
それでも、このページは正反対のことを言っています (最初のバージョンではなく、2 番目のバージョンは機能するはずです): Background not working for a div
理由が何であるか知っている人はいますか？
1 つ目は相対パス、2 つ目は絶対パスです。
相対パスは、呼び出しコンテキストからのファイル パスを示します。したがって、html ファイルが /source/website/test.html の場合、 の相対パスは次css/test.cssのファイルを指します。/source/website/css/test.css
絶対パスはパス全体に関連しているため、/css/test.cssその場所でファイルを見つけようとします/css/test.css
画像と html ファイルの場所によって異なります。
'folder1/image.gif'html ファイルと同じパス (相対パス) にある folder1 を検索します。
'/folder1/image.gif'サーバーの基本的な場所 (絶対パス) から始まる folder1 を検索します。