在 IE10(Windows 8 和仅 Windows 8,包括 RT)中,我有div
一个overflow : auto
从屏幕外部动画的(CSS3 transition
+ transform
)
this 的内容div
(纯文本)直到转换结束时才会呈现,即div
看起来是空的。
如果我设置overflow : hidden
,问题就会消失。
此行为在此处重现: http: //jsbin.com/inUsayU/5/ (此 jsBin 链接仅适用于 IE10)
保持屏幕分割(如果没有分割,添加 CSS 和 HTML 窗格),悬停第一个链接,您应该会看到div
过渡为空。尝试悬停第二个链接,另一个div
过渡很好。您可能每次都必须使用“使用 JS 运行”重新启动,因为通常(并非总是)问题只发生一次。
在我的项目中,我用 UA 嗅探破解了一个丑陋的解决方案,overflow
并在转换前后切换状态,但我希望你能提供一个更简单的解释/解决方案。