在IE10(Windows 8和仅Windows 8,包括RT)中,我使用带有div
的overflow : auto
,该transition
从屏幕外部进行了动画处理(CSS3 transform
+ div
)
直到转换结束,才呈现此div
(纯文本)的内容,即overflow : hidden
似乎为空。
如果设置div
,问题将消失。
此行为在此处重现:http://jsbin.com/inUsayU/5/
(此jsBin链接仅在IE10中有效)
保持屏幕拆分(如果未拆分,则添加CSS和HTML Pane ),将鼠标悬停在第一个链接上,您应该看到div
过渡为空。尝试将鼠标悬停在第二个链接上,其他overflow
过渡也可以。您可能每次都必须使用“Run with JS”重新启动,因为问题经常(并非总是如此)只发生一次。
在我的元素中,我用UA Sniffing破解了一个丑陋的解决方案,并在过渡之前和之后切换了ojit_code状态,但是我希望可以提供一个更简单的解释/解决方案。
最佳答案
我在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虚拟机。站起来后,我将再次对其进行测试并通过更新进行报告。
关于internet-explorer - IE10中的好奇翻译+溢出错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18630565/