悬停效果在 Firefox 中显示背景颜色而不是 .jpeg

Question

我在 Firefox 中遇到 css 悬停效果的问题，它只显示灰色框，但当缩略图悬停在其上时，它会显示项目的 .jpeg 图像和文本。在 google chrome 中没有灰色框，只有每个缩略图的 .jpeg，当鼠标悬停在文本上时会出现。我已将 link 附加到我的网站，请在 firefox 中查看问题和 google chrome 以查看效果是否正常。

http://www.jacobdelaneydesign.com/

Answer 1

这几乎是 100%，因为您使用的代码与 Firefox 不兼容。

请看here.

许多优秀的 CSS 样式表被销毁，因为它们的所有者没有注意到跨浏览器的兼容性，反而对此感到沮丧。

看看我链接的网站，然后在适当的（和需要的）选项前加上 -moz 前缀。

Answer 2

opacity: 0; thisfuckingcss.css:111 破坏了 Firefox 体验。我不确定为什么它最初设置为 0，但 opacity: 1;filter: alpha(opacity=1); 对我来说看起来不错。如果需要，您可以从此处继续调查。

Answer 3

放：

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