IE11 / Edge buggy box-shadow渲染

Question

total = sum(map(sum, list1))

所需的输出应该是框阴影蓝色覆盖框阴影红色。 FF做到了，Chrome甚至是Safari。但IE11和Edge给了我这些漂亮的悬停效果：

我错过了什么吗？或者MS渲染那么糟糕？任何建议如何获得blury box-shadow，而不是跨浏览器解决方案？

（在我的真实代码中，我甚至发抖！由不透明度为0的旋转元素引起的盒子阴影。）

Answer 1

你需要内联吗？如果不是，将display：inline-block添加到第一个规则应该在IE中修复。

#a > span {
    box-shadow: 0px 0px 1px 3px red;
    display: inline-block;
}