2011-10-30 5 views
0

Firefoxは疑似クラスの背景画像の交換をサポートしていないようですか、それとも他のブラウザがそうしなければならない以上のことですか?firefox 3.xは疑似クラスの背景画像をサポートしていませんか?

Firefoxはちょうど無視しかし、私は...(まだIEでテストしていない)、これはオペラとChromeで動作します...私は何か間違ったことをやっているかどうかを把握するために

.myClass{ 
    background-image:url('off.jpg'); 
} 

.myClass:hover{ 
    background-image:url('on.jpg'); 
} 

をしようとしている

この。私はJavaScriptのロールオーバーを書くことを避けることを望んでいた...これはそのようなエレガントな解決策のように思えたが、私はうんざりしていると思われ始めている。

+0

Firefoxはこれを常にサポートしています。おそらく、キャッシュをクリアしてページをリロードしてみてください。それでも動作しない場合は、より多くのコードを参照する必要があります。 – BoltClock

+0

私はそれが解決かどうか分かりません。しかし、時々、FFはバックグラウンドとのトラブルになります。 no-repeat、repeat-x、repeat-yという属性をいくつか追加してみてください。また、あなたのイメージ、左上などを配置しようとする...あなたが必要なのは、おそらくあなたの問題を解決する。ばかげて聞こえるが、そうである。 –

答えて

2

あなたのページには、おそらく、Quirksモードであり、かつ:hoverはの面でいくつかの奇妙な行動を持っていますそれはquirksモードで適用されます。私はブラウザに後方互換性のあるバグを明示的に要求するのではなく、実際にブラウザ上で動作するようにするために、あなたのWebページを標準モードにすることをお勧めします。

+0

うわー...私は奇妙なモードについて聞いたこともありませんでした!すばらしい... <!DOCTYPE html PUBLIC " - // W3C // DTD XHTML 1.0 Transitional // EN" \t "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >文書のトップに完全にそれを修正しました!ありがとう! –

+0

'<!DOCTYPE html>'をそこに置くだけで十分でしょう(HTML5の "doctype"もそうです)。 –

0

どのFFのバージョンを使用していますか?クイック検索は、あなたに似たこの可能性の問題を明らかにした:http://support.mozilla.com/en-US/questions/746770

それが動作するかどうかを確認するために、これを試してみてください:

.myClass{ 
    background-image:url('off.jpg'); 
} 

.myClass:hover{ 
    background-image:url('on.jpg'); 
} 

[class="myClass"]:hover{ /* firefox fix */ 
    background-image:url('on.jpg'); 
} 
+0

私は3.6.13に入っています。上記の解決策は私のバージョンでは役に立たないようです。 –

+1

FFの最新バージョンをダウンロードしたところ、うまくいきました。これは3.x固有のバグです...私はどのようにブラウザの非互換性が嫌いですか? :/ –

関連する問題