为下拉菜单二级链接添加阴影答案

【问题标题】：adding a drop shadow to drop down menu secondary links为下拉菜单二级链接添加阴影
【发布时间】：2014-02-03 14:05:19
【问题描述】：

下面是我正在使用的下拉菜单的 JSFiddle。仅使用 css 有人可以告诉我如何向辅助栏（下拉栏）添加阴影，因为我对 CSS 不是很好，我还在学习。

谢谢

<div></div>

【问题讨论】：

【解决方案1】：

您可以通过最简单的方式将其添加到您的 css 中。

#menu li ul li{
    background: #EEE;
    box-shadow: 5px 5px 5px #888;
}

但如果您需要跨浏览器兼容性，您应该查看浏览器特定的前缀和 IE 过滤器

【讨论】：

【解决方案2】：

试试这个

#menu li a:hover {
    color:#c00;
    box-shadow: 10px 10px 5px #888888;
}

【讨论】：