Internet explorer 好奇翻译+；IE10中的溢出错误

在IE10（Windows 8和仅Windows 8，包括RT）中，我有一个

div

，带有一个

overflow:auto

，它从屏幕外部设置动画（CSS3

transition

+

transform

）

此

div

（纯文本）的内容在转换结束之前不会呈现，即

div

似乎为空

如果我设置了溢出：隐藏，问题就会消失

此行为在此处重现： （此jsBin链接仅在IE10中有效）

保持屏幕分割（如果未分割，则添加CSS和HTML窗格），将鼠标悬停在第一个链接上，您应该会看到

div

转换为空。尝试悬停第二个链接，另一个

div

transitionfine。您可能每次都必须使用“RunwithJS”重新启动，因为问题通常（并非总是）只发生一次

---

在我的项目中，我用UA嗅探并在转换前后切换

溢出

状态破解了一个难看的解决方案，但我希望您能提供一个更简单的解释/解决方案。

我在Windows8.1上的InternetExplorer11中进行了测试。我还测试了IE10仿真功能。此外，我在WindowsPhone上测试了IE10。这是对已经在Windows7上进行的IE10测试的补充。在所有情况下，我都没有看到您报告的问题。我怀疑除了浏览器的bug之外，还有其他原因

关于您的实现，我建议避免

-ms转换

，因为前缀属性被认为是实验性的

---

我目前正在从下载一个IE10虚拟机。一旦我让它站起来，我将再次测试并报告更新。

我无法复制您的错误，但我可以猜测它的原因

尝试在IE10/11中禁用硬件加速（在“Internet选项>高级”下，应该类似于“加速图形>禁用GPU并使用软件渲染”-我的windows是葡萄牙语的，因此我没有确切的位置），重新启动windows（可能是系统范围的配置）

然后再试一次，如果问题仍然存在，它可能是一个与IE和图形卡之间的不兼容相关的错误-这可以解释为什么这么多人不能复制你的错误（像我一样）

---

一些CSS功能会触发硬件加速，这就是为什么它们比js动画有趣得多的原因——但是一些浏览器/GPU组合有时会滞后，或者只显示动画的第一步和最后一步。

1）一个“提琴”意味着您使用了2）您引用了第二个链接，但在jsbin演示中只有一个链接。3） 当我在Windows7IE10中悬停链接时，

div

会在屏幕上滑动，不会显示为空。1/不必在意。2/组，未连接好小提琴。3/你应该。在编辑模式下使用分割的屏幕+使用JS按钮运行，错误会更加明显。它不是系统性的，所以请尝试几次。我仍然没有在Windows7-IE10上看到这个问题。这两个链接对我来说都是一样的。我将启动一个VM来检查W7。我在surface（pro&RT）和W8桌面上都有这个bug。好吧，先生，你完全正确：这个bug不会发生在IE10/W7上。我仍然在W8.1/IE11中看到问题。您是否单击“编辑jsbin”，然后每次单击“使用js运行”以刷新错误？此外，IE11更好，因此该漏洞更难捕获。你必须知道它在这里。（在VMs和Surface中也看到了它，所以对我的机器来说不是特别的。）@mddw我在IE11中没有看到它。每次运行演示时，您是否始终看到它？是的，每次我用“RunwithJS”重新启动它时。但在IE11+上很难捕捉到一个好的装备，只要div在视口中平移，就会重新绘制。它在曲面上更慢、更可见。@mddw我有一个可以测试的曲面；我想你使用的是Surface，因为Pro功能相当强大。我在Surface平板电脑上也遇到过这个问题，所以这不是硬件问题。