Javascript下拉菜单在图像旋转器上

Question

设计师在这里，尝试编码。

我快到了！试图从动态驱动器获取下拉菜单以处理jQuery图像旋转器。使用z-index。我可以在所有浏览器上使用菜单来处理图像旋转，除了在IE兼容模式下，无法点击旋转器中的按钮。

http://local495.bigrigmedia.com/

非常感谢任何帮助！

Answer 1

总是这么容易让一切看起来都在Photoshop中吗？您可以通过对CSS进行2次小调整来解决重叠问题：

<强> styles.css的

#top {
    position: relative;
    z-index: 2;
    height: 155px;

}

<强> ddsmoothmenu.css

.ddsmoothmenu{
    position: relative;
    z-index: 2;
    /* remaining css */
}

<强> homerotation.css

div#feature_list {
    position: relative;
    z-index: 1;
    /* remaining css */
}

我还注意到你的CSS周围有很多z-index: -100。那些也会给你带来麻烦。我建议全力以赴，只使用上述两项修改。

以上两条规则的作用是以所有浏览器（包括我们的朋友 IE）理解的方式建立菜单和图像旋转器的堆叠顺序。

使用z-index时IE的技巧是确保您尝试重叠的所有元素都在相同的堆叠上下文中。每当您在元素上使用相对位置，绝对位置或固定位置时，IE都会创建新的堆叠上下文。在上面的例子中，我们在堆叠上下文中最顶层的元素（即文档）上设置堆叠顺序，因此它将得到尊重。

修改

在#top容器中添加了一个z-index，因为它实际上是<div>，它与文档中的<div id="feature_list">位于{{1}}。