懸停效果在Firefox中顯示的是背景顏色而不是.jpeg

我在Firefox中遇到了css懸停效果問題，它只顯示灰色框，但當縮略圖懸停在其上時，顯示項目的.jpeg圖像和文本。在谷歌瀏覽器中，每個縮略圖都沒有灰色框，只是.jpeg，並且在文本上懸停時出現。我附上了一個鏈接到我的網站，請在Firefox中查看問題和谷歌瀏覽器，看看效果是否正常。懸停效果在Firefox中顯示的是背景顏色而不是.jpeg

http://www.jacobdelaneydesign.com/

來源

2017-08-20 Jacob Delaney

您需要在這裏發表您的標記，而不是你的網站，這將改變或消失很快幫助是對未來沒有一個：[MCVE] – Rob

我想你應該出去洗你的CSS在用肥皂發佈一個問題之前，用這些猥褻內容。我不知道一個模組會怎樣處理你的問題。 – Rob

嗨，羅布，謝謝你的建議，我會確保我發佈我的標記下一次我有一個問題，而不是網址。你對我的CSS的稱號是完全正確的，一個年輕的我沒有什麼耐心是負責任的，並且將來會確保我的代碼/文件名被正確命名。如果我可能冒犯了任何人，我很抱歉。 –

地說：

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

來源

2017-08-20 19:12:16

謝謝您花時間回答我的問題，您一直在幫助:) –

不客氣：3 –

這幾乎是100％，因爲任何代碼，你使用的是不與Firefox兼容。

請看看here。

許多優秀的CSS樣式表被破壞，因爲它們的所有者沒有注意到跨瀏覽器兼容性，而是對此感到沮喪。

看看我鏈接的網站，然後在-moz前綴前加上適當的（和需要的）選項。

來源

2017-08-20 18:49:16 Mark

感謝您的鏈接我在編寫跨瀏覽器兼容性代碼時有了更好的理解。 –

opacity: 0; in thisfuckingcss.css:111打破了Firefox的體驗。我不知道爲什麼它最初設置爲0，但opacity: 1;filter: alpha(opacity=1);看起來不錯。如果你願意，你可以從這裏繼續調查。

來源

2017-08-20 18:53:17 godblessstrawberry

非常感謝您的建議，我的問題現在已修復:) –

@JacobDelaney yw，請您將答案標記爲「已接受」嗎？ – godblessstrawberry

懸停效果在Firefox中顯示的是背景顏色而不是.jpeg

回答

相關問題