javascript - Firefox CSS悬停错误

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        2年前关闭。



我有一个正在使用响应式图像贴图的站点，由于此响应式图像贴图，获得跨浏览器过渡效果非常困难。我终于想出了一个可以在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研究数小时，我无法弄清楚有什么问题。

有人知道为什么这在Firefox中不起作用吗？它必须与CSS相关，对吗？

提前非常感谢您！

最佳答案

有人有类似的问题。通过使用CSS .class:hover not working in firefox?中更具体的选择器来解决此问题

关于javascript - Firefox CSS悬停错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44577686/

上一篇：javascript - 如何解决这个 flex-box 垂直对齐问题？

下一篇：html - 使用 CSS 填充标题滚动条的宽度

相关文章：

javascript - 查找仅包含不同对象的数组

javascript - 使用 jQuery、Javascript、PHP 获取特定零件类

jquery - 按下按钮时如何更改 Twitter Bootstrap 选项卡？

html - Bootstrap 导航在加载时会短暂更改字体，从而暂时改变按钮大小

javascript - currentUser 显示为未定义

javascript - 如何从该 URL 获取 ID？

javascript - HTML5 中 jQuery ScrollTo 的问题

html - 使用宽度 : 100% 时页面一侧的空白区域

javascript - Fusion Chart 为您带来了什么 D3 没有的东西？

jquery - 删除或隐藏元素上的样式