为什么不div：悬停工作与jquery .animate？

Question

我想创建一个带有jQuery动画的搜索表单。 I have already done，但我有一个div打来电话背景.search图标：悬停不工作：

.search-icon:hover { 
      background: url(search-icon-hover.png) no-repeat 50% 50% !important; 
     } 

的问题可以通过jQuery的动画造成的：

$('.wrapper-simple .search-icon').animate({'left': '195px'}) 

，但我不明白在哪里！
请帮忙！

谢谢！

Answer 1

从

.wrapper-simple .search-icon{ 
    pointer-events: none; 
} 

特异性使得指针事件上卸下pointer-events:none，如鼠标，由CSS被忽略，仅在某些火狐/ Webkit的浏览器。

Answer 2

你的悬停工作正常，但你有你的提交按钮覆盖它。