IE 11的盒子阴影比Chrome / Firefox更薄

Question

我为box-shadow属性应用相同的值，但在IE11上，阴影看起来更薄，在某些情况下我甚至看不到它。

看到这个小提琴：http://jsfiddle.net/anhhnt/8pvgZ/2/
以下是没有此浏览器的IE11的结果：
原始属性值为：

box-shadow: 0px 1px 3px 0px #777;

当我将其更改为

时

box-shadow: 0px 1px 6px 0px #777;

...那么看起来还可以，但为什么会出现这种差异呢？什么是解决这个问题的最佳解决方案？ 先谢谢

Answer 1

这是因为每个浏览器都有自己的呈现元素的方式。

解决此问题的最佳方法是使您的页面不依赖于可能因浏览器而异的图形元素（例如box-shadow）。当我必须使用box-shadow时，我通常会使用一个带有微妙边框的几乎不可见的一个。它非常好用，并避免了我们通常遇到的大多数问题，浏览器对box-shadow属性的解释之间存在着荒谬的差异。

我根据您发布的内容制作了fiddle。