如何检测CSS代码是否被激活

时间:2018-04-29 21:05:47

标签: javascript jquery html css flexbox

这是一个奇怪的问题,但我在我的网站上使用flex并且问题是:如果flex工作与否,是否可以通过JavaScript或jQuery或类似的东西检测?因为IE 10及更低版本不支持flex,如果它检测到它在旧的Web浏览器上被查看或者它无法正常工作,则会出现以下消息:您的Web浏览器太旧,下载一个新的。这有可能吗?谢谢你的回答。

1 个答案:

答案 0 :(得分:1)

据我记得,css flexorder属性为动画,因此您可以触发隐藏可见性的元素上的类以启用{{1}属性。然后为flex事件附加一个eventListener,并通过检查transitionend检查该属性是否来自flex,如果触发此事件,则表示它受支持。这是一个小提示,一个名为活动的类打开一个event.propertyName id的div,并听取过渡:

https://jsfiddle.net/ibowankenobi/yLv39dsm/1/

#mock

除此之外,这个问题可以提供帮助:

Detecting flex-wrap support in browsers

似乎还有一种似乎有效的方法:

https://gist.github.com/davidhund/b995353fdf9ce387b8a2

当然,Modernizr可能已经有了这个。