modernizr检查灰度过滤IE 10 [英] modernizr check for grayscale filters IE 10
问题描述
$。browser
来检测IE 10并执行svg解决方案。 然而, $。browser
已被弃用,将被删除或已被删除(Yeaaaay again !!!!)。那么,在这种情况下,modernizr对于 $。browser
的替代方法是什么?
filter:url(data:image / svg + xml; utf8,< svg xmlns = \'http://www.w3.org/2000/svg\&>< filter id = \'灰度等级< feColorMatrix类型= \'矩阵\'值= \'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 \\ /'>< ; /滤光器>< / SVG> #grayscale); / * Firefox 10+ * /
filter:grey; / * IE6-9 * /
-webkit-filter:灰度(100%); / * Chrome 19+& Safari 6+ * /
-webkit-transition:全部.6s缓解; / *淡入淡出Chrome和Safari * /
-webkit-backface-visibility:hidden; / *修正过渡闪烁* /
if(Modernizr.css_filters )但没有成功
您应该可以使用:
$ b $ $ p $
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
IE 10 does not support DX filters (yeaaaay) I'm currently using $.browser
to detect IE 10 and implement the svg solution.
However the $.browser
is deprecated and will be removed or is already removed (Yeaaaay again!!!!). So, what is modernizr's alternative for $.browser
in this case?
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 */
I tried if (Modernizr.css_filters)
but that didn't work
You should be able to use:
Modernizr.cssfilters
or
Modernizr.svgfilters
For targeting IE10 I think .svgfilters
is the one you should be using. Here's a searchable database of Modernizr tests: http://www.browserleaks.com/modernizr#filter
These are the source files:
CSS Filter test: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/css/filters.js
SVG Filter test: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/svg/filters.js
这篇关于modernizr检查灰度过滤IE 10的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!