html - CSS 下拉菜单冲突

Question

我最近购买了一个主题，但现在我遇到了下拉菜单的问题。它位于描述框下方。

当我们进入女鞋下方并将鼠标放在“靴子”子菜单上的内容框下方时，请查看此处的网站。 http://morestore.org/

score 1 · Accepted Answer

将此添加到您的CSS：

#featured{
    z-index:0;
}

#header{
    z-index:100;
}

您需要向标题添加更高的 z-index，因此它将显示在滑块的上方。z-indexcss 属性是克服许多布局挑战的有效方法。您可以在Smashing Magazine上阅读更多相关信息

score 0 · Accepted Answer

0

将 z-index:15 更改为 z-index:5

在

.slide .description {

}

于 2013-02-02T22:09:33.593 回答

score 0 · Accepted Answer

#menu应该z-index为您的.slide .description. 更改 CSS 文件中的这一行：

#menu{position:absolute;bottom:-103px;left:0px;background:url(images/secondary-menu.png) no-repeat;width:961px;height:98px;z-index:10;}

对此：

#menu{position:absolute;bottom:-103px;left:0px;background:url(images/secondary-menu.png) no-repeat;width:961px;height:98px;z-index:20;}

我已经在 Chrome 中尝试过了，然后它就可以工作了。您可以为 z-index 设置更高的值，以防您稍后添加其他动态内容，例如您的描述标签，并且它们将在标签上有 z-index ;)

3 回答 3