Question

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

当我们穿上女鞋时，请检查网站，并将鼠标放在“靴子”子菜单下面的内容框中。 http://morestore.org/

Answer 1

将此添加到您的css：

#featured{
    z-index:0;
}

#header{
    z-index:100;
}

您需要在标题中添加更高的z-index，因此它会显示滑块的上部。 z-index css属性是克服许多布局挑战的有效方法。您可以在Smashing Magazine

了解更多相关信息

Answer 2

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

in

.slide .description {

}

Answer 3

#menu应为z-index设置的.slide .description高于15 #menu{position:absolute;bottom:-103px;left:0px;background:url(images/secondary-menu.png) no-repeat;width:961px;height:98px;z-index:10;}。在CSS文件中更改此行：

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

到此：

{{1}}

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

CSS下拉菜单冲突

3 个答案: