【发布时间】:2010-12-01 18:21:12
【问题描述】:
我的 IE8 有一个奇怪的问题,其他所有浏览器都显示一切正常,但无论我做什么,IE8 都无法正常运行。
我有一个 div 网格,每个 .gridCell div 在其他元素中包含一个隐藏的 div,我想在悬停时显示它。
到目前为止,我已经尝试使用 javascript 在悬停时将一个类应用于 .gridCell div,并使用 css 将预览 div 设置为使用 .hover 类显示块。在除 IE8 之外的所有浏览器中都能完美运行,当鼠标悬停时,整个页面会消失,直到您再次移动鼠标。
我还尝试了各种尝试,使用 jquery 在悬停时为隐藏的 div 设置动画,这一切都可以在每个浏览器中再次使用,但在 IE8 中悬停时,无论我尝试哪个版本,整个页面都会在悬停时跳到顶部。
I've put up a rough test case here.
在我的杂乱无章的演示中,存在 z-index 问题,但可以忽略这些问题,因为它们在正确的版本中已排序,这只是为了说明问题。使用 jquery 向下滚动到第二行,在 IE8 中页面会在悬停时跳到顶部。
我确定我只是在这里遗漏了一些简单的东西,但我越看越沮丧!
提前致谢。
【问题讨论】:
-
您的页面在 IE 上获得双
<body>元素。我会先解决这个问题。 -
只是想让您知道.. 当我在 IE8 中加载您的页面时,它默认为 IE7 兼容模式,告诉我页面上有错误 最后一行悬停元素导致了问题。它跳转到页面顶部,因为它在您悬停时遇到错误,导致页面在浏览器兼容模式下重新加载。
-
嗯,当我根据开发人员工具打开它时,它会在 IE8 标准模式下以 IE8 呈现。知道 JS 的问题可能是什么,尤其是当它在我测试过的所有其他浏览器(IE6、IE7、FF、Safari、Chrome)中都能正常工作时?
-
请添加html5的!DOCTYPE
标签: jquery css internet-explorer-8 hover