jQuery Easy手风琴插件在Internet Explorer中不工作

Question

我在我的网站上使用Easy Accordion插件（source = http://www.madeincima.it/en/articles/resources-and-tools/easy-accordion-plugin/），并且它在IE（任何版本）中无法正常工作。

问题在于dt元素的旋转，我在CSS中使用 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)进行旋转，根据IE中的Web开发人员工具，它旋转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及以下版本。你需要支持多久？

如果这些规则来自插件本身，它不是非常友好或者编码不错，所以我建议寻找一个更新的插件。