小编Sha*_*had的帖子

我对css filter invert()有一个烦人的问题; 在Firefox 25上.这是在jQuery .ready()上下文中插入的代码:

$('#colorcontrast').bind('click', function() {

        var css = 'html {'+
                    ' filter:invert(100%);' + 
                    ' -webkit-filter: invert(100%);' +                    
                    ' -o-filter:invert(100%);' + 
                    ' -ms-filter:"invert(100%)"; }';      

        if (!window.counter) { 
            window.counter = 1;
        } else  { 
            window.counter ++;
            if (window.counter % 2 == 0) { 
                css = 'html {'+
                    ' -webkit-filter:invert(0%);' +
                    ' -moz-filter:invert(0%);' +
                    ' -o-filter:invert(0%); }';
            }
        };

        console.log(css);

        $('#contrast').html(css);

    });

它适用于Chrome和IE9,但不适用于Firefox 25.当我使用Firefox 访问其文档参考页面时,我意识到现场演示无效!有人知道吗？任何人都可以指出我应用这种过滤器的其他方式或解决方案吗？提前致谢.