悬停在图层上隐藏图像不起作用(IE9),适用于Firefox和Chrome

时间:2012-09-25 11:09:45

标签: jquery css internet-explorer positioning

使用所有代码查看问题的description

摘要:(基本制作图像地图)

  • 我有一个相对定位的div(我将其称为containter :)),包含1个图像和几个带有自己图像的div标签。
  • 容器正下方的图像是背景图像。
  • 容器下方的div绝对位于背景图像上方,宽度和高度设置为允许将捕获称为“悬停”。
  • 这些div下的图像在开头隐藏(图像尺寸用于各自div的宽度和高度)。
  • 当悬停发生在其中一个div中时,它包含的图像变得可见)

==>定位和隐藏显示都是通过jquery完成的,有关详细信息,请参阅帖子顶部的pastebin链接。

这在chrome和firefox中运行良好,但在IE9上测试时,悬停不起作用。 我试过玩div的z-index,但无济于事。 有人可以对这个问题有所了解吗?

使用所有代码查看问题的description

THX!

修改:根据提供的代码创建jsfiddle

1 个答案:

答案 0 :(得分:0)

删除console.info行。

控制台仅适用于javascript调试器。

另请参阅:'console' is undefined error for Internet Explorer