mdd*_*ddw 8 css internet-explorer transform css3
在IE10(Windows 8和Windows 8,包括RT)中,我有div一个overflow : auto从屏幕外部动画(CSS3 transition+ transform)
div直到转换结束时才会呈现此(纯文本)的内容,即div看似空.
如果我设置overflow : hidden,问题就会消失.
此行为在此处转载:http ://jsbin.com/inUsayU/5/(此jsBin链接仅适用于IE10)
保持屏幕分割(如果没有拆分,添加CSS和HTML窗格),将鼠标悬停在第一个链接上,您应该看到div转换为空.尝试悬停第二个链接,另一个div过渡很好.您可能每次都必须使用"Run with JS"重新启动,因为通常(并非总是)问题只发生一次.
在我的项目中,我使用UA Sniffing破解了一个丑陋的解决方案overflow并在转换之前和之后切换状态,但我希望您可以提供更简单的解释/解决方案.
我在 Windows 8.1 上的 Internet Explorer 11 中进行了测试。我还在启用 IE10 仿真的情况下进行了测试。此外，我在 Windows Phone 上的 IE10 中进行了测试。这是对 Windows 7 上已进行的 IE10 测试的补充。在所有情况下，我都没有看到您报告的问题。我怀疑除了浏览器的错误之外还有其他原因。
关于您的实现，我建议避免，-ms-transition因为前缀属性被认为是实验性的。Internet Explorer 10 支持无前缀转换属性。
我目前正在从http://modern.ie下载 IE10 虚拟机。一旦我把它站起来，我将再次测试它并报告更新。