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