如何修复border-radius与box-shadow结合的IE渲染？
Tho*_*asM 9 css internet-explorer css3
有没有人知道如何在IE 9和10-box-shadow和border-radius的组合中"修复"渲染？
使用插入阴影时尤其明显.与webkit/gecko相比,IE中阴影的半径非常不同......
在此图像中,您可以看到问题.左边是一个带有插入框阴影的按钮,右边没有框阴影.(不要介意不同的字体渲染)
这是使用的代码:http://dabblet.com/gist/5450815
仅当嵌入阴影的扩展触发比 IE 中的边框半径大小更大的“阴影半径”时，才会出现此问题。在您的示例中将 border-radius 设置为 50px，它在 IE 和 Chrome 中看起来相同。
如果您需要更大的框阴影扩展，那么您可以使用边框来代替，至少在您的示例中可以做到这一点。示例： http: //dabblet.com/gist/5501799
您可能会看到的另一个问题是 IE 和 Chrome 渲染框阴影的模糊完全不同，但我假设您因此没有在示例中使用它......