ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS_html/css_WEB-ITnoseでbackground:url(画像)が表示できない問題

CSS_html/css_WEB-ITnoseでbackground:url(画像)が表示できない問題

WBOY
WBOYオリジナル
2016-06-24 11:18:571469ブラウズ

この 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;

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。