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

时间:2010-12-11 05:36:58

标签: javascript internet-explorer-8 internet-explorer-7 rendering

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

此应用已在此页面上显示:www.net54baseball.com

为什么文字在打开后会下降?如何在IE中阻止此行为?

提前致谢。

斯科特格林沃尔德

2 个答案:

答案 0 :(得分:2)

我还没有对此进行过测试,但是这里有一个技巧,过去当IE有“绘画”问题时,它对我有用。在“显示”元素后,将元素样式设置为“position:relative;”。这应该强制IE重新绘制元素并将其放回到需要的位置。如果这不起作用,请在显示元素后尝试添加setTimeout,然后将样式更改为“position:relative;”在setTimeout回调中。

我希望这适合你。

答案 1 :(得分:0)

这对我也有用。文字正在移动到屏幕的底部。它发生在IE8中,但在Firefox中运行良好。