0

コードのライブ化を終えたところですが、突然ロゴが表示されなくなりました。(私の Browser Stimulator では問題なく動作していました。) もし私がどこを間違えたのか知っている人がいたら教えてください。

CSS:

#header {
height: 150px;
margin-left: 15px;
background-image: url('../images/headings/header.gif');
background-repeat: no-repeat;
text-align: right;
padding-top: 10px;
padding-right: 50px;
}

HTML

<div id="header">
<a href="realtors.htm">Realtors Click Here</a><br /><br /><br /><br />
<p><a href="http://www.facebook.com/PrimaResidential"><img src="images/headings/facebook.png" alt="Facebook" width="100" height="70" /></a></p>
<p><a href="https://twitter.com/Prima_Updates"><img src="images/headings/twitter.png" alt="Twitter" width="100" height="70" /></a></p>
<p><a href="http://www.flickr.com/photos/prima_residential"><img src="images/headings/flickr.png" alt="Flickr" width="100" height="70" /></a></p>
</div>

ヘッダーの他のすべては問題なく機能しますが、画像が機能しない理由がわかりません! ロゴは、誰もが探していた場合に備えて、CSS の背景画像です!

ありがとう！！

4

6 に答える 6

1

あなたのパスは正しいですか？他の画像が images/headings/ から読み込まれているのがわかります。CSS で ../images/ を images/ に変更してみてください。

于 2012-08-23T06:06:50.697 に答える
0

画像フォルダのパスを確認してください。ローカルマシンで動作していると言っているので、cssクラスの親フォルダに画像フォルダがあると思います。展開後に同じことが当てはまるかどうかを確認します。

于 2012-08-23T06:11:19.163 に答える
0

私はそれを考え出した！！何らかの理由で、圧縮されたファイルをダウンロードしたときに、完全にロードされていないアイテムがいくつかあり、header.gif がそれらの 1 つでした。.gif を再ダウンロードしたところ、完全に機能するようになりました。みんなの提案に感謝します！

于 2012-08-23T16:22:15.143 に答える
0

イメージが正しいフォルダまたはディレクトリにあることを確認してください。また、ブラウザを使用してサーバーから直接画像を開いてみて、その URL を CSS に使用することもできます。

background-image: url('http://yourserver.com/dir1/dir2/header.gif');
于 2012-08-23T06:08:46.637 に答える
0

これを試して

background-image: url('../../images/headings/header.gif');

于 2018-09-02T08:25:41.920 に答える