2012-04-23 27 views
1

プロジェクトでurl()を使用しましたが、IE 6で画像が表示されていませんか? IE6はurl()をサポートしていませんか?問題をどのように解決すればよいですか?
コードは以下の通りです:background:url( '')がIE6で動作しないのはなぜですか?

<img class="avatar" style="background:url('./avatar.jpg') no-repeat scroll 5px 7px transparent;" /> 
+1

指定されたcss/htmlは無効です。これはあなたが実際に使っているものですか? – Jasper

+0

実際には修正されていないし、少し間違っていた、私はそれを編集するつもりです。 – ALH

+0

はサポートしていませんie6 – GorillaApe

答えて

3

使用background-image

<img class="avatar" style="background-image:url('./avatar.jpg')" /> 

はまた、あなたが最後に余分な)を持っていたことに注意してください。

また、これが実際に背景画像に問題があることを確認してください。背景色を設定するとどうなりますか?あなたはそれを見ますか?それはそれが表示されない原因となるレイアウトの問題かもしれません。

+0

余分です)ここで間違っている、動作していません! – ALH

+0

@علیرضاおそらくそれは背景画像の問題ではありません。背景色を設定するとどうなりますか?あなたはそれを見ますか?それはそれが表示されない原因となるレイアウトの問題かもしれません。 – vcsjones

+0

背景色を設定するというあなたの提案によって問題が解決されました。私は画像の幅と高さを指定しておらず、IE6は画像を理解できませんでした。 – ALH

1

タグ全体が正しく表示されません。私はこのような何かをするでしょう:

<img class="avatar" style="background-image: url('./avatar.jpg');" alt="" /> 

私はまた、パスが正しいことを確認します。

- 編集 - テストの後、私は'./avatar.jpg'ようなパスは動作しないことに気付きました

。それはあなたがスタイルを書いたファイルと同じディレクトリに.という名前のフォルダを探しています。.という名前のフォルダがありますか?私はそうは思わない。それは不正なディレクトリ名です。

+0

他のブラウザでも動作します。 – ALH

+0

それは問題ではありません。あなたのコードは、厳密でクリーンでセマンティックでなければなりません。それ以外の場合は、後で大きな問題を作成します。 –

+0

どういう意味ですか?パスが正しくない場合は、他のブラウザがアバターがどこにあるのかを理解することは可能でしょうか? – ALH

関連する問題