jQuery Простой плагин Accordion не работает в Internet Explorer

Question

Я использую плагин Easy Accordion (source = http://www.madeincima.it/en/articles/resources-and-tools/easy-accordion-plugin/) на своем сайте и не работает должным образом в IE (любая версия).

Проблема с вращением элемента dt, я использую filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) в CSS для вращения, и в соответствии с инструментами веб-разработчика в IE он вращает контейнер dt, но не содержимое.

Не знаю, как исправить, попытался удалить плагин и использовать демонстрацию, предоставленную на исходной странице, тот же результат. Вы можете увидеть результат здесь - www.glosnut.co.uk

Плагин, как предполагается, отлично работает в IE, он также отлично работает в Firefox и Chrome.

Любые предложения?

Answer 1

Вы используете только префиксы поставщика для Firefox и WebKit для свойств transform и transform-origin (и, возможно, больше). Это мешает ему работать в IE9 + и Opera.

Вы должны добавить опцию -o- (более ранняя опера), -ms- (IE9) и префиксные версии (современный IE, Opera и Firefox).

.easy-accordion dt { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
} 

Возможно, есть и другие префиксы, которые необходимо добавить. Я не смотрел в IE8 и ниже. Как далеко назад вам нужно поддержать?

Если эти правила исходят от самого подключаемого модуля, это не очень дружелюбный или хорошо кодированный в будущем, поэтому я бы рекомендовал искать более современный плагин.