Фильтр CSS Invert () не работает на Mozilla Firefox?

У меня есть раздражающая проблема с фильтром CSS 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, я понял, что живое демо не работает! Кто-нибудь знает что-нибудь о? И кто-нибудь может указать мне другой способ или решение применить такой фильтр? Заранее спасибо.

Ответы на вопрос(2)

Ваш ответ на вопрос