【问题标题】:IE8 hover issue, making page disappearIE8悬停问题,使页面消失
【发布时间】: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


【解决方案1】:

好吧,我找出了导致问题的原因。我用于触发器的 div 相对于我之前做过的一些不相关的事情进行定位,但随后被废弃,删除了修复 IE8 中页面跳转的声明。

【讨论】:

    【解决方案2】:

    我在 ie 8 和其他版本中遇到的唯一问题是 z-index,仅此而已。你能提供一个截图或其他东西来看看你得到了什么。页面对我来说并没有消失

    【讨论】:

    • 不管出于什么原因,这不是在家里的 IE8 上做的,只是在工作中发生,至少可以说很奇怪。我要排序的主要问题是底部的 hoverIntent 版本在悬停时将页面向上滚动到顶部,因为这是我想要使用的版本(不使用 hoverIntent 时会发生同样的问题,只是尝试看看是否它会解决这个问题)。
    猜你喜欢
    • 1970-01-01
    • 2012-12-23
    • 2013-02-05
    • 2020-04-15
    • 1970-01-01
    • 2014-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多