hover - IE9 中的投影错误

Question

如果您查看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;



}

有什么想法吗？

Answer 1

我只是将您上面的代码放入 js fiddle 中，它在 IE9 中运行良好!一定与“馅饼”有关，请修复您的调用。也许尝试将其删除并进行检查。

您正在尝试的效果在 IE9 中绝对“可行”。不要放弃:)!