質問: CSSのDiv classを指定して背景を画像にしようとしていますが、 うまく設定されません。 どなたかご指導頂きたく。 宜しくお願いします。 ※アドレスや画像の名前誤りはなく、画像は「img」フォルダに格納済みです。 (html) ``` test ``` (CSS) ``` body { margin:0; font-size: 1em; } #web { width: 90%; margin: auto; padding: 0%; } #head { width: 100%; } #menu { width: 20%; margin-top: 10px; display: block; float: left; } #main { width: 79%; float: right; } .top { width: 100%; height: 200px; background-image: url("img/top.png"); } ``` (フォルダ階層) homepage---index.html css--------style.css img---top.png
回答: 正しくCSSが読み込まれていて、CSSから画像のパスが正しいのでしたらこのコードでは「背景が設定されない」という現象は再現しません(ローカル環境で確認) フォルダ階層からするとCSSファイルはhtmlより1つ上の階層にあるようですので、 下記のようにlinkすることになるかと思います。 ``` ``` ただ、懸念点として「homepage」というディレクトリの存在です。 ※ローカルPCでfile://というアドレスから始まるURLでアクセスしているのであればこの懸念点はスルーしてください。 どのような環境でアクセスされているのかわかりませんが、 もしローカルPCではなくてサーバーの場合、http://ドメイン/でアクセスされた際に表示されるのがそのhomepage/index.htmlだった場合、 CSSもimgもブラウザから参照できない場所にあることになります。 その辺りは問題ないですか?