modernizr check для оттенков серого IE 10

Question

IE 10 не поддерживает фильтры DX (yeaaaay) В настоящее время я использую $.browser для обнаружения IE 10 и реализации решения svg.

Однако $.browser устарел и будет удален или уже удален (Yeaaaay again !!!!). Итак, что такое модернизация альтернативы для $.browser в этом случае?

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"); /* Firefox 10+ */ 
filter: gray; /* IE6-9 */ 
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ 
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ 
-webkit-backface-visibility: hidden; /* Fix for transition flickering */ 

Я попытался if (Modernizr.css_filters), но это не сработало

Answer 1

Вы должны быть в состоянии использовать:

Modernizr.cssfilters 

или

Modernizr.svgfilters 

Для ориентации IE10 Я думаю .svgfilters является которую вы должны использовать. Вот для поиска база данных испытаний Modernizr: http://www.browserleaks.com/modernizr#filter

Эти исходные файлы:

CSS тест фильтра: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/filters.js

SVG тест Фильтр: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/svg/filters.js