jquery - 为什么 div:hover 不能与 jquery .animate 一起使用？

Question

我想创建一个用 jquery 动画的搜索表单。我已经完成了，但是我有一个名为 .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

您的悬停效果很好，但您的提交按钮将其覆盖。

Answer 2

从pointer-events:none_

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

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