2017-08-20 4 views
0

FirefoxでCSSホバー効果に問題があります。灰色のボックスしか表示されませんが、サムネイルを上に移動すると、.jpeg画像とプロジェクトのテキストが表示されます。 Google Chromeでは、各サムネイルに.jpegだけの灰色のボックスは表示されず、テキストの上にカーソルを置くと表示されます。私は自分のウェブサイトへのリンクを添付しています。問題のためにFirefoxで表示し、効果が適切に機能することをGoogle Chromeで確認してください。firefoxの.jpegの代わりにホバー効果の背景色を表示

http://www.jacobdelaneydesign.com/

+2

あなたがここにあなたのマークアップを投稿するために必要とされている、ではないあなたのウェブサイトすぐに、将来的に誰を助けていない変更または消滅します:[MCVE] – Rob

+0

私はあなたのCSSを洗い流すべきだと思います石鹸を使って質問を投稿してください。あなたの質問にモッドが何をするのか分かりません。 – Rob

+0

こんにちは、ロブ、アドバイスをいただきありがとうございます。次回は、ウェブアドレスではなく、問題があります。あなたは私のCSSのタイトルについてはかなり正しいです、少し忍耐と若い私は責任があり、将来私のコード/ファイル名が正しく命名されることを確認します。もし私が誰かを怒らせてしまったら、すみません。 –

答えて

0

プット:

.hovereffect a, 
.hovereffect p { 
    opacity: 1; 
} 
+0

私の質問に答える時間をとってくれてありがとう、あなたは大きな助けになっています:) –

+0

あなたは歓迎です:3 –

0

あなたはそれは、Firefoxと互換性がありません使用どんなコードのため、これはほぼ100%です。

hereをご覧ください。

多くの優れたCSSスタイルシートは、所有者がブラウザ間の互換性に気付かず、代わりに不満を感じるために破壊されます。

私がリンクしたウェブサイトを見て、-mozの接頭辞を付けて適切な(必要な)オプションを付けます。

+0

リンクありがとうございます。クロスブラウザとの互換性のためのコードを書くことについて、より理解しています。 –

1

opacity: 0;thisfuckingcss.css:111 firefox experienceを破る。なぜ最初は0に設定されたのか分かりませんが、opacity: 1;filter: alpha(opacity=1);は私によく見えます。あなたが望むなら、ここから調査を続けることができます。

+0

あなたのアドバイスをいただき、ありがとうございます。私の問題は今修正されました:) –

+0

@JacobDelaneyよろしくお願いします。 – godblessstrawberry

関連する問題