为什么不div：hover使用jquery .animate？

Question

我想用jquery创建一个动画搜索表单。 I have already done 但是我有一个名为.search-icon的div，背景为：hover不起作用：

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

问题可能是由jquery动画引起的：

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

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

谢谢！

Answer 1

从

中删除pointer-events:none

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

专门使指针事件（如鼠标悬停）被CSS忽略，仅在某些Firefox / Webkit浏览器上。

Answer 2

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