0

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

问题在于 dt 元素的旋转，我 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)在 CSS 中使用旋转，根据 IE 中的 Web 开发人员工具，它旋转 dt 容器而不是内容。

不知道如何修复，尝试剥离插件并使用源页面上提供的演示，结果相同。你可以在这里看到结果 - www.glosnut.co.uk

插件应该在 IE 中运行良好，在 Firefox 和 Chrome 中也可以正常运行。

有什么建议么？

4

1 回答 1

0

您只使用 Firefox 和 WebKit 的供应商前缀作为transformandtransform-origin属性（可能还有更多）。这会阻止它在 IE9+ 和 Opera 中工作。

您应该添加 -o-（旧 Opera）、-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 及以下版本。您需要支持多远？

如果这些规则来自插件本身，那么它对未来不是很友好或编码良好，所以我建议寻找更新的插件。

于 2013-05-15T04:14:26.010 回答