Question

我有一个使用响应式图像地图的网站，由于此响应式图像地图，获得跨浏览器翻转效果非常具有挑战性。我终于想出了一个适用于Chrome和Safari的解决方案，但奇怪的是不是Firefox。

area.band-hover-1 {
    z-index: 999999;
    background-repeat: no-repeat;
    display: block;
    content: " ";
    position: absolute;
    top: 99px;
    left: 300px;
    height: 100px;
    width: 109px;
    background-size: contain;
}
area.band-hover-1:hover {
    background-image: url(../img/band-hover-1.png);
}

CSS正在Firefox中应用我可以看到它在开发工具中引用的图像（.band-hover-1：hover）但是翻转图像没有在Firefox中显示，经过几个小时的Google研究我就可以＆＃ 39;弄清楚问题是什么。

有谁知道为什么这不适用于Firefox？它必须与CSS相关，对吧？

提前非常感谢！

Answer 1

有人有类似的问题。它是使用css .class:hover not working in firefox?

中更具体的选择器解决的

Firefox CSS悬停错误

1 个答案: