IE 11/12 border-radius 1px bug

时间:2015-06-23 12:53:46

标签: css3 internet-explorer border

我刚发现IE 11& 12无法正确处理边界半径。有时(并不总是,更奇怪的是)边框元素与下一个元素之间存在1px的差距,如此处

http://www.leukewereld.be/wp/

当我放下边框时,一切都很好。 有人知道解决方案/解决方法吗?

2 个答案:

答案 0 :(得分:0)

是的,这是IE11中报告的错误。您可以参考包含解决方案的IE 11 Div With "border-radius" Bug和相同的讨论。

答案 1 :(得分:0)

我在当前项目中遇到了同样的错误。不仅有边界半径(因为禁用那些并不总是有所不同),而且还有框阴影。在受影响的区域中使用某些行高值似乎有效,但需要使用丑陋的变通方法来保持布局符合预期......

在我的情况下,或许对其他许多人来说,一个很好的解决方案是使用 overflow:hidden 包装器。 (幸运的是我碰巧需要其中一个。)

我忘记了我最初找到这个建议的地方,但对于想出它的人感到荣幸! :)