javascript - 悬停在Firefox中不起作用

第一个图像中的鼠标悬停会更改Chrome，Safari和Opera中的第二个图像，但在Firefox中不起作用。

的HTML

<img id="work1" src="/images/summer.jpg" alt="" width= /><a href="#um"></a>
<img id="work2" src="/images/winter.jpg" alt="" width= /><a href="#um"></a>

的CSS

 #work1{
   cursor:pointer;
 }

 #work2{
   cursor:pointer;
   &.tone{content:url(/images/click.svg);}
 }

JAVASCRIPT

$('#work1').hover(function(){
  $("#work2").toggleClass("tone");
});

感谢帮助。

最佳答案

使用以下CSS：

#work1{
   cursor:pointer;
 }

 #work2{
   cursor:pointer;
 }

#work2.tone{
    content:url(/images/click.svg);
}