css - 使用 Modernizr 检测背景剪辑是否为 :text is supported

Question

所以我正在尝试使用 Modernizr检测是否支持 css background-clip: text。我已经研究并登陆该页面:https://github.com/Modernizr/Modernizr/issues/199

所以我在我的网站标题中添加了这个:

   <script lang="javascript">
    Modernizr.load({
        test: Modernizr.testAllProps('backgroundClip', 'text') ,
        yep: '/css/desktop/menuBar.css',
        nope: '/css/desktop/menuBar-notextclip.css'
    });
</script>

在这种情况下，Chrome 和 Firefox 都会得到"is"的结果。

我试过这个:

   <script lang="javascript">
    Modernizr.load({
        test: Modernizr.backgroundcliptext,
        yep: '/css/desktop/menuBar.css',
        nope: '/css/desktop/menuBar-notextclip.css'
    });
</script>

并且两个浏览器都得到“不”结果。

但是，Chrome 应该得到“yep”而 Firefox 应该得到“nope”。

我做错了什么？根据 Modernizr github 看来，这个测试应该可行。

谢谢!

Answer 1

看来我没有使用正确版本的 js 文件，我应该使用 v3.但是在 v3 上，似乎没有 Modernizr.load，我找不到它。我会提出另一个问题。