Internet Explorer 10盒子-阴影大小

Question

通常，我不关心不同浏览器中框阴影渲染的细微差别，但在这种情况下，框阴影的大小是很重要的。IE9和IE10呈现一个smaller box-shadow。Explorer9可以使用条件注释修复更大的方框阴影，但IE10似乎已经消除了对条件注释的支持。有没有办法调整IE10的框影大小，让它像safari，chrome，firefox那样稍微大一点？

我知道它有点类似于this question，但也许有人有一个只能在IE9/10或IE10中工作的长方体阴影大小的诀窍。

对于记录-这是一个响应式站点，有问题的方框阴影应用于具有百分比宽度的li元素(用于导航)

Answer 1

我找到了一个解决方案。有几种ie10黑客，但这一次是CSS only，同时针对IE9和IE10。它被称为@media Zero Hack。你可以在http://www.impressivewebs.com/ie10-css-hacks/上找到这个和其他的ie10黑客

.navigation ul li a {
  -moz-box-shadow: 2px 2px 7px #2d231c;
  -webkit-box-shadow: 2px 2px 7px #2d231c;
  -o-box-shadow: 2px 2px 7px #2d231c;
  box-shadow: 2px 2px 7px #2d231c;
}
@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
.navigation ul li a {
  box-shadow: 2px 2px 15px #3a312a;
 }
}

它使用了IE9/10中的一个解析错误。如果在IE11中修复了这个错误，这也将是未来的证据。我不知道IE11将如何处理box-shadow。有关moving IE specific CSS into @media blocks的更多信息