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