我在我的网站上使用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中也能很好地工作。
有什么建议吗?
答案 0 :(得分:0)
您只能将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及以下版本。你需要支持多久?
如果这些规则来自插件本身,它不是非常友好或编码良好,所以我建议寻找更新的插件。