Recently, I decided to utilize Modernizr in order to check for support of the css property background-clip: text.
After some research, I came across this page:https://github.com/Modernizr/Modernizr/issues/199
I then added the following code to my website header:
<script lang="javascript">
Modernizr.load({
test: Modernizr.testAllProps('backgroundClip', 'text') ,
yep: '/css/desktop/menuBar.css',
nope: '/css/desktop/menuBar-notextclip.css'
});
</script>
In this scenario, both Chrome and Firefox return the "yep" result.
Further testing led me to try this approach:
<script lang="javascript">
Modernizr.load({
test: Modernizr.backgroundcliptext,
yep: '/css/desktop/menuBar.css',
nope: '/css/desktop/menuBar-notextclip.css'
});
</script>
Surprisingly, both browsers now display the "nope" result.
However, according to my understanding, Chrome should show "yep" while Firefox should show "nope".
Where did I go wrong? It seems like this test should be functioning correctly based on information from the Modernizr GitHub repository.
Thank you for your assistance!