Огонь, если стиль CSS был изменен пользователем?

Question

Я пишу облегченную программу htc для IE 9 (= javascript).У CSS3 есть новое свойство с именем transition, но оно не работает в IE 9. Я пытаюсь реализовать это, но мне нужно знать, когда свойство изменяется.Я знаком с DOMAttrModified & onpropertychange, но они не срабатывают, если CSS изменяет свойство:

a {
color:#FFF;
}

a:hover {
color:#000;
}

Если при наведении курсора на якорь, DOMAttrModified ничего не делает.Я мог бы использовать наведение мыши, размытие, размытие, фокусировку, активацию и деактивацию и проверять каждый раз, когда они происходят, если свойство изменилось, но что если:

div:hover a {
color:#FFF;
}

Пользователь не поместил тег привязки, а CSSв любом случае изменил цвет.Я думаю, что pie.htc имеет ту же проблему.Мне нужно только решение, совместимое с IE 9 ... Спасибо!

Answer 1

Не думаю, что есть событие для "onCSSChange"

Как насчет запуска подпрограммы каждые 50 мс и проверки текущего стиля.Если CSS изменится, вы можете запустить собственное событие.

Answer 2

Более простым и более кроссбраузерным будет пользователь Modernizr или аналогичное приложение javascript для проверки способности браузера предварительно выполнять transition, если это невозможно, он добавитимя класса для корневого элемента, который вы можете легко нацелить с помощью jQuery или аналогичного фреймворка:

$('.notransition div').hover(function() {
    $a = $(this).find('a');
    //Then animate $a.
}, function() { ... });

Таким образом, вы можете использовать нативное свойство, если это возможно, и, если нет, отступление к jQuery.

Answer 3

Я думаю, матричный фильтр может помочь вам.

Кроме того, я рекомендую Кросс-браузерные анимированные CSS-преобразования - даже в IE