Question

除了IE 10之外，我已经到处工作了。

似乎没什么用。

这是一个优雅的解决方案，无处不在.. 除了 IE 10。

.list-items li:hover img {
/*  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray; */
    /*-webkit-filter: grayscale(100%); */
/*    background-blend-mode: luminosity;
*/
}

所以，然后我去下载了这个jQuery插件＆＃39; Gray＆＃39;。

基本上你应该能够轻松toggleClass＆＃34;灰度＆＃34;在你想要变成灰色的任何图像上 - 当你手动添加与img内联的类灰度时它实际上在IE中工作。 ie。 <img src="/images/imstarving.jpg" class="grayscale">

但我无法在IE 10中悬停工作。再次，其他地方都有效;但不是IE 10。

Js代码：

$("img").hover(
    function () {
        $(this).addClass("grayscale");
    },
    function () {
        $(this).removeClass("grayscale");
    }
);

我已经尝试了很多类似上述内容的addClass / removeClass或toggleClass，并猜测在IE 10中仍然无效！

任何指针？

更新：我不得不使用图像交换:(由于时间限制（正常图像＆gt;灰度图像）。但是如果有人有一个，我很乐意看到解决方案。

在IE 10中悬停的灰度图像

0 个答案: