爲什麼不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

你的懸停工作正常，但你有你的提交按鈕覆蓋它。