Html internet explorer 10和11中的灰度CSS背景？

Grayscale在除ie10和ie11之外的所有浏览器中都可以正常工作。 我甚至试过。它可以很好地处理嵌入HTML代码中的图像，但不能作为CSS中声明的背景图像

我甚至试过：

 img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

img.grayscale:悬停{
过滤器：url（“数据：图像/svg+xml；utf8，#灰度”）；
}
svg{
背景：url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

这也行不通

我用于灰度化背景图像的CSS代码：

#callouts{
min-height: 219px;
margin: 33px 0px 0px 0px;
padding-left: 40px;

background: url("/static/images/images/gs-pricing-4panel.png") no-repeat;

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(1);
}

#标注{
最小高度：219px；
保证金：33px 0px 0px 0px；
左侧填充：40px；
背景：url（“/static/images/images/gs-pricing-4panel.png”）不重复；
过滤器：url（“数据：图像/svg+xml；utf8，#灰度”）；
过滤器：灰色；
-webkit过滤器：灰度（1）；
}

每当我需要渐变时，我都会使用此工具：

---

每当我需要渐变时，我都会使用此工具：

---

每当我需要渐变时，我都会使用此工具：

---

每当我需要渐变时，我都会使用此工具：

---

IE还不支持CSS过滤器属性，无论是作为内置过滤器函数还是作为引用SVG过滤器的url。获得过滤效果的唯一方法是对图像使用内嵌SVG，并对其应用SVG过滤器

---

此外，IE不喜欢数据：URI用纯文本表示，它们需要完全URL编码或base-64编码。但是在这种情况下，它不会有什么不同。

IE还不支持CSS过滤器属性，无论是作为内置过滤器函数还是作为引用SVG过滤器的url。获得过滤效果的唯一方法是对图像使用内嵌SVG，并对其应用SVG过滤器

---

此外，IE不喜欢数据：URI用纯文本表示，它们需要完全URL编码或base-64编码。但是在这种情况下，它不会有什么不同。

IE还不支持CSS过滤器属性，无论是作为内置过滤器函数还是作为引用SVG过滤器的url。获得过滤效果的唯一方法是对图像使用内嵌SVG，并对其应用SVG过滤器

---

此外，IE不喜欢数据：URI用纯文本表示，它们需要完全URL编码或base-64编码。但是在这种情况下，它不会有什么不同。

IE还不支持CSS过滤器属性，无论是作为内置过滤器函数还是作为引用SVG过滤器的url。获得过滤效果的唯一方法是对图像使用内嵌SVG，并对其应用SVG过滤器

---

此外，IE不喜欢数据：URI用纯文本表示，它们需要完全URL编码或base-64编码。但是在这种情况下，它不会有什么不同。

我是jQuery插件的创建者。支持背景图像。具有背景图像的元素需要类

灰度

---

我是jQuery插件的创建者。支持背景图像。具有背景图像的元素需要类

灰度

---

我是jQuery插件的创建者。支持背景图像。具有背景图像的元素需要类

灰度

---

我是jQuery插件的创建者。支持背景图像。具有背景图像的元素需要类

灰度

试试JS补丁

它使用javascript检测浏览器，创建画布，然后使用过滤器

尝试JS修复

它使用javascript检测浏览器，创建画布，然后使用过滤器

尝试JS修复

它使用javascript检测浏览器，创建画布，然后使用过滤器

尝试JS修复

它使用javascript检测浏览器，创建画布，然后使用过滤器

---

我也尝试过，但我只想对背景图像进行灰度化。我不想使用线性渐变，我也尝试过，但我只想对背景图像进行灰度化。我不想使用线性渐变，我也尝试过，但我只想对背景图像进行灰度化。我不想使用线性渐变，我也尝试过，但我只想对背景图像进行灰度化。我不想使用线性梯度

<div class="grayscale" id="callouts"></div>

$('#callouts').gray();