Internet Explorer 10盒子影子大小

通常，我不打扰不同浏览器中盒子阴影渲染的小差异，但在这种情况下，盒子阴影大小非常重要。 IE9和IE10呈现smaller box-shadow。 Explorer 9可以通过使用条件注释来修复较大的盒子阴影，但是IE10似乎已经取消了对条件注释的支持。有没有一种方法来纠正IE10盒子阴影大小，并使它像safari，chrome，firefox一样大一点？Internet Explorer 10盒子影子大小

我知道它有点类似于this question，但也许有人有一个盒子阴影大小的技巧，只适用于IE9/10或IE10。

根据记录 - 这是一个自适应网站，和盒阴影中的问题被施加到与百分比宽度（用于导航）

来源

2012-11-06 eye-wonder

Li元素我发现了一个解决方案。在那里有几个ie10黑客，但这一个是CSS only和目标IE9和IE10。它被称为@media Zero Hack。您可以在http://www.impressivewebs.com/ie10-css-hacks/

.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; 
} 
}

这一个和其他IE10黑客它采用了解析错误的IE9/10。如果这个bug在IE11中得到解决，这也将是未来的证明。我不知道IE11将如何处理box-shadow。更多关于moving IE specific CSS into @media blocks

来源

2013-02-22 12:13:39

Internet Explorer 10盒子影子大小

回答

相关问题