javascript - IE7 & IE8 渲染问题 - 文本移动

Question

我们刚刚在我们的网站 www.net54baseball.com 上推出了一个新应用程序。使用 Javascript，我们允许用户显示或隐藏应用程序。当用户单击“显示”时，应用程序将打开并显示超链接列表。它在 Firefox 和 Chrome 中完美运行。然而，在 IE7 和 IE8 中，超链接文本会在瞬间正确显示，然后下降约一英寸。当用户的鼠标经过每个链接时，它会移回到正确的位置。 Firefox/Chrome 用户喜欢该应用程序，但这对于 IE 用户来说非常令人沮丧。

该应用程序在此页面上:www.net54baseball.com

为什么打开后文字会下降？如何防止 IE 中出现这种行为？

提前致谢。

斯科特·格林沃尔德

Answer 1

我还没有测试过这个，但是当 IE 出现“绘画”问题时，这是一个对我有用的技巧。 “显示”元素后，将元素样式设置为“position:relative;”。这将迫使 IE 重新绘制元素并将其定位回所需的位置。如果这不起作用，请尝试在显示元素后添加 setTimeout，然后将样式更改为“position:relative;”在 setTimeout 回调中。

我希望这对你有用。