添加投影以下拉菜单辅助链接

Question

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

http://jsfiddle.net/tcKvH/1/

感谢

<div></div>

Answer 1

以最简单的方式，您可以将其添加到您的CSS中。

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

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

Answer 2

试试这个

<强> DEMO

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