CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – IE10中的好奇翻译溢出错误大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在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虚拟机.一旦我站起来,我将再次测试它并报告更新.

大佬总结

以上是大佬教程为你收集整理的css – IE10中的好奇翻译溢出错误全部内容,希望文章能够帮你解决css – IE10中的好奇翻译溢出错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。