CSS:Shadow不'；悬停时不要走开

我用几个按钮做了一个小菜单。我给菜单按钮添加了一个阴影。它工作得很好。我想在菜单中添加一些“深度”，使它们真正成为“按钮”。如果你玩阴影，效果会很好。 如果不进行任何操作，阴影应位于左上角

#菜单ul li{
-莫兹盒阴影：-3px-3px-3px#888；
-网络工具包盒影：-3px-3px-3px#888；
盒影：-3px-3px-3px#888；
}

但一旦我在它上面盘旋，这个影子就不想消失，即使我真的离开了

#菜单ul li:悬停{
边界半径：5px；
-莫兹盒阴影：无；
-webkit盒阴影：无；
盒影：无；
}

为什么它不想消失？

试试这个：

box-shadow: 0 0 0;

您的

li

中是否还应用了其他CSS？这可能会造成干扰

---

另请参见：

正如@thirtydot所指出的，问题在于您的

框阴影

具有无效值-模糊不能为负值

：悬停

，没有问题，只需从

模糊

属性中删除

-

，代码就可以工作了

（可选）
这是第三个

值。该值越大，模糊越大，因此阴影越大、越亮。不允许使用负值。如果未指定，它将为

0

（阴影的边缘是锐利的）

---

奇怪的是，它似乎打破了对

悬停

的移除；不要忽略无效值，因为阴影仍然以锐利的边缘输出。

请注意：hover伪类仅适用于IE6中的链接。我怀疑你是否在使用它，但我想指出一点；不是所有您有

-3px

作为“模糊半径”（第三个值）。不允许使用负数，因此甚至没有绘制阴影。你包括了正确的CSS吗？@Derek Hunziker:嗯？OP使用圆角和方块阴影的事实应该使IE6完全不相关…@DerekHunziker：你应该假装IE6不存在，除非特别提到：）

box shadow:none应该可以工作，所以我认为这不会有帮助。0不工作。我现在要读链接了。谢谢。好吧，这很奇怪。在Chrome中，确实存在以负模糊半径绘制的阴影，但仅当元素上有背景时。童车网络工具包！Firefox的行为和我预期的一样。如果OP使用的是Chrome，那么这可能就是问题所在。Chrome在
-3px
上的表现与
0
..@thirtydot不同：我永远无法理解为什么每个人都喜欢WebKit，甚至崇拜它。这是难以置信的童车，几乎在IE级别。布莱格。（我正在开发一个响应性强的设计，几分钟前它刚刚使Chrome和IE9崩溃…）添加
-webkit transform:scale3d（1,1,1）
这使得Chrome在这种完全愚蠢的情况下能够正常工作，具有无效的负模糊半径：（阴影未绘制）