我有一个使用响应式图像地图的网站，由于此响应式图像地图，获得跨浏览器翻转效果非常具有挑战性。我终于想出了一个适用于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相关，对吧？
提前非常感谢！