IE9中的阴影bug

如果你看this page上的主要导航菜单，你会发现我在a：hover上使用阴影，但是在IE9中，阴影是越野车 - 它并不总是显示，并且经常在悬停不再活动后仍然存在。我想要修复它，或者只在IE中摆脱阴影。IE9中的阴影bug

我的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; 



}

任何想法？

来源

2011-10-24 Findo

add -ms-box-shadow（继续并添加-o-box-shadow） – albert

IE9使用标准的'box-shadow'属性，所以不需要'-ms-box-shadow'（事实上，我不确定是否存在前缀版本，因为IE直到版本9才支持box-shadow）。 – daGUY

我刚刚将上面的代码放到了js小提琴中，它在IE9中运行正常！必须与“馅饼”有关才能解决您的问题。也许尝试删除它并进行检查。

你试图的效果肯定是'能够'在IE9 ..不要放弃:)！

来源

2011-10-24 15:34:28 Brad

'馅饼''js小提琴'？ – Findo

你确定影子根本没有显示吗？ IE9的实现box-shadow呈现其他浏览器所做距离的一半左右（我实际上发布了一个关于该here的问题）。对于较低的值，IE9的渲染可能非常轻微，您不会注意到它。就像测试一样，尝试让模糊半径大得多以查看它是否出现在IE9中。

来源

2011-11-12 19:59:42 daGUY

嗨，是的，它有时会显示，并且经常在鼠标脱落后仍然存在... – Findo

我没有看到任何理由，为什么它不会按照您设置的方式工作。也许尝试在'#menu a'声明中添加'box-shadow：none;'？ – daGUY

如果你没有看到DropShadow，可能是你的IE9处于兼容性视图模式。尽量明确设置你的网页与IE9的compatibiltiy一些代码，如：

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

在网页的标题，调用任何的CSS之前。

来源

2014-03-14 08:38:26 Franky

IE9中的阴影bug

回答

相关问题