Wie können Sie mit IE10-Überlegungen browserübergreifende Graustufenbilder erreichen?

Browserübergreifende Bild-Graustufen mit IE10-Überlegungen

Internet Explorer 9 und frühere Browser unterstützen Graustufenfilter über DX-Filter. Allerdings stellt IE10 aufgrund der fehlenden DX-Filterunterstützung eine einzigartige Herausforderung dar.

IE10-Graustufenlösung

Um den gewünschten Graustufeneffekt in IE10 zu erzielen, können Sie eine verwenden SVG-Overlay. Hier ist ein Beispiel:

<code class="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");
}</code>

Zusätzliche Ressourcen

• [Cross-Browser Image Grayscale with CSS](http://www.karlhorky.com/ 2012/06/cross-browser-image-grayscale-with-css.html)
• [SVG-Filtereffekte in IE10](http://blogs.msdn.com/b/ie/archive/2011/ 10/14/svg-filter-effects-in-ie10.aspx)

Das obige ist der detaillierte Inhalt vonWie können Sie mit IE10-Überlegungen browserübergreifende Graustufenbilder erreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!