菜单栏和下拉菜单中的阴影

Question

我们使用插件ubermenu，我想在菜单栏和下拉列表下添加阴影，就像：nelly.se - 我们的网站是：http://94.247.169.169/~welloteket

我一直在尝试添加代码：

#megaMenu ul.megaMenu{
  box-shadow:2px 2px 0px 0px #ccc;
}

但没有任何结果:(

Answer 1

您可以添加此代码以在子菜单上应用阴影效果（下拉列表）

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-submenu-drop {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

}

Answer 2

没有你的代码是工作可能你必须尝试不同的颜色

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.71);
}

可能这比以前更好