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都会得到＃34;是的＆＃34;结果

我试过了：

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

两个浏览器都获得了＃34; nope＆＃34;结果

然而，Chrome应该得到＆＃34;是的＆＃34;和Firefox应该得到＆＃34; nope＆＃34;。

我做错了什么？似乎根据Modernizr github，这个测试应该有效。

谢谢！

Answer 1

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

使用Modernizr检测是否支持background-clip：文本

1 个答案: