0

如果您查看此页面上的主导航菜单，您会看到我在 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;



}

有任何想法吗？

4

3 回答 3

0

我刚刚将您上面的代码放入 js fiddle 中，它在 IE9 中运行良好！一定与'派'有关，修复你的呼入。也许尝试删除它并进行检查。

您尝试的效果在 IE9 中绝对是“可以做到的”。不要放弃:)！

于 2011-10-24T15:34:28.157 回答
0

你确定阴影根本没有出现吗？IE9 的实现将模糊渲染的距离约为其他浏览器的一半（我实际上在这里box-shadow发布了一个关于此的问题）。对于低值，IE9 的渲染可能非常轻微，以至于您没有注意到它。作为一个测试，尝试使模糊半径更大，看看它是否显示在 IE9 中。

于 2011-11-12T19:59:42.573 回答
0

如果您没有看到 DropShadow，则可能是您的 IE9 处于兼容视图模式。尝试使用以下代码在您的页面中明确设置与 IE9 的兼容性：

<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=10; IE=11" />

在页面的标题中，在调用任何 Css 之前。

于 2014-03-14T08:38:26.257 回答