gpt4 book ai didi

css - 卡片翻转在 IE10+ 中不起作用

转载 作者:行者123 更新时间:2023-11-28 09:49:47 24 4
gpt4 key购买 nike

我正在尝试执行在整个 IE10+ 中都适用的卡片翻转动画,但鉴于 IE 不支持 transform-style: preserve-3d;,我陷入了困境。我已经看到了多个“修复”,但没有一个适用于我的代码。我希望来自这个很棒的社区的人可以介入并帮助我解决这个热点问题!!任何和所有帮助将不胜感激!非常感谢您!

http://jsfiddle.net/rebeccatcook/E8mLp/

最佳答案

Internet Explorer 从版本 11 开始支持转换样式,因此您应该没问题。 IE10 支持 3D 转换,但正如您所指出的,不支持指定如何在 3D 空间中呈现嵌套元素的 transform-style 属性。这就是您看不到“返回文本”的原因。

我不确定您指的是什么“修复”,但通常的做法是简单地利用特定浏览器版本支持的“回退动画”。对于 IE10,我会使用 modernizr 来嗅探浏览器功能并附加自定义 CSS 类来实现简单的淡入/淡出效果。

如果您绝对必须在没有 JavaScript 的情况下获得这种效果,您可以使用 IE Matrix 过滤器,但让它正确运行可能会很费时间。这是一个引用点:http://www.useragentman.com/IETransformsTranslator/

祝你好运!

关于css - 卡片翻转在 IE10+ 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25130068/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com