この CSS コード部分で奇妙な問題が発生しました:
background:url(images/bg/bg1.gif) no-repeat;
このコード部分は実際には背景画像を表示できず、折りたたまれます。 。 。
背景画像を配置しなかったとしても、コードに問題はありません。ここでは問題がないため、ここでは考慮しません。 。 。そこでGoogleで検索してみたところ、この問題を抱えている人がかなりの数いることがわかりました。 。 。しかし、実際に問題を特定する情報はあまりありません。 。 。
本当の問題は何ですか?
URL のイメージパス (imagepath) は、css ファイルが配置されているディレクトリではなく、.css ファイルのディレクトリに相対していることがわかります。簡単に言うと、index.htm がある場合は、それが必要です。 style ディレクトリ内の style.css ファイルは、index.htm が配置されているサブディレクトリです。したがって、ここでの CSS は次のように記述する必要があります。
background:url(../images/bg/bg1.gif) no-repeat;