我无法通过jquery删除灰度

Question

我的css代码

.content-img  {
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
         -webkit-filter:grayscale(100%); 
}

我的jquery

 $('.content-img').hover(function () {
        $(this).css('-webkit-filter', 'grayscale(0)');
    });

我只想写jQuery。它不起作用。

Answer 1

为什么你需要使用jQuery？

您可以使用：

.content-img:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
}

在这里，我使用了fiddle仅使用css，:hover选择器。

但请注意，filter支持率有限，请查看filter article on MDN。