小编use*_*839的帖子

CSS:悬停时阴影不会消失

我用几个按钮做了一个小菜单.我在菜单按钮上添加了一个阴影.它完美地运作.我想在菜单中做一些"深度",所以它们真的变成了"按钮".如果你玩阴影,这很有效.没有任何动作,阴影应位于左上角.

#menu ul li {
    -moz-box-shadow: -3px -3px -3px #888;
    -webkit-box-shadow: -3px -3px -3px #888;
    box-shadow: -3px -3px -3px #888;
}
Run Code Online (Sandbox Code Playgroud)

但是一旦我将鼠标悬停在它上面,即使我这样做,这个阴影也不想消失

#menu ul li:hover {
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)

为什么不想离开呢?

css css3 shadows

5
推荐指数
1
解决办法
1716
查看次数

标签 统计

css ×1

css3 ×1

shadows ×1