IE 11/12 border-radius 1px bug [英] IE 11/12 border-radius 1px bug

问题描述

我刚刚发现IE 11& 12不能正确处理border-radius。有时候（不总是，什么是额外的wierd）边框元素和下一个元素之间有一个1px的差距，像这里

I've just found out that IE 11 & 12 can't handle border-radius properly. Sometimes (not always, what is extra wierd) there is a 1px gap between the border element and the next element like here

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

当我放下边框 - 半径都很好。
任何人都知道这个解决方案/解决方法？

When I drop the border-radius all is fine. Anybody knows a solution/workaround for this?

推荐答案

不仅与边界半径（因为禁用那些并不总是有所作为），但与框阴影，以及。在受影响的区域中使用某些行高度值似乎工作，但必需丑陋的解决方法，以保持布局的预期...

I encountered the same bug on my current project. Not only with border-radiuses (as disabling those did not always make a difference) but with box-shadows as well. Using certain line-height values in the affected area seemed to work, but necessitated ugly workarounds to keep the layout as intended...

在我的情况下一个很好的解决方案，也许对许多其他人来说，是使用 overflow：hidden 包装器。 （幸好我碰巧需要其中的一个。）

A good solution in my case, and perhaps for many others, is to use an overflow:hidden wrapper. (Luckily I happened to need one of those anyway.)

我忘记了我最初发现的建议，但是对于想出的人来说， ：）

I forgot where I originally found that suggestion but kudos to the person who came up with it! :)

这篇关于IE 11/12 border-radius 1px bug的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！