请参阅所有代码的问题描述:
摘要:(基本上是制作图像地图)
- 我有一个相对定位的 div(我将其称为容器 :)),包含 1 个图像和几个带有自己图像的 div 标签。
- 容器正下方的图像是背景图像。
- 容器下的 div 绝对定位在背景图像之上,宽度和高度设置为允许调用捕获“悬停”。
- 这些 div 下的图像在开始时被隐藏(图像尺寸用于它们各自 div 的宽度和高度)。
- 当悬停发生在这些 div 之一时,它包含的图像变得可见)
==> 定位和隐藏显示都是通过 jquery 完成的,有关详细信息,请参阅帖子顶部的 pastebin 链接。
这在 chrome 和 firefox 中运行良好,但在 IE9 上测试时,悬停不起作用。我曾尝试使用 div 的 z-index,但无济于事。有人可以阐明这个问题吗?
请参阅所有代码的问题描述:
谢谢!
编辑:从提供的代码创建了一个jsfiddle :