导航栏链接在翻转时没有阴影

Question

在导航栏链接翻转时，我可以让它们改变颜色，但底部没有阴影。

如何在翻转之前让它在底部有阴影？

http://peter-russell.github.io/nav-shadow/

Answer 1

请试试这个：

   #nav li a:hover {
        background-color: darkgrey;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

Answer 2

你的问题不够明确但是如果你不需要在悬停按钮时覆盖导航栏的阴影，只需缩小关于按钮本身的顶部和底部填充，如下所示：

#nav a {
    padding: 4px 8px;
    color: white;
    text-decoration: none;
}

希望这是你所需要的：）