hover - IE9中的投影阴影错误

如果您查看this page上的主导航菜单，则会看到我在a：hover上使用了阴影，但是，在IE9中，阴影是有问题的-它并不总是显示，并且在悬停后通常会保留不再活跃。我想修复它，或者仅在IE中摆脱阴影。

我的CSS是：

    #menu a {
  color:#fff;
  padding-top:10px;
  padding-right:10px;
  padding-left:10px;
  text-decoration:none;



}

#menu a:hover {

 background:#e58f56;
 border-top: 0px solid transparent;
 border-bottom: 10px solid transparent;
 border-left: 10px solid #bbb2b1;
 border-right: 0;
 border-top-right-radius:5px;
 border-bottom-right-radius:5px;
-webkit-box-shadow: #888 4px 4px 4px;
-moz-box-shadow: #888 4px 4px 4px;
box-shadow: #888 4px 4px 4px;



}

有任何想法吗？

最佳答案

我只是将您的代码放在js小提琴中，并且在IE9中效果很好！必须与“派”相关，以解决您的呼入问题。也许尝试将其删除并进行检查。

您尝试的效果肯定是在IE9中“可以”。。不要放弃：）！

关于hover - IE9中的投影阴影错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7877771/