Internet Explorer 正在添加一个带圆角的空间答案

【问题标题】：Internet Explorer is adding a space with round cornerInternet Explorer 正在添加一个带圆角的空间
【发布时间】：2017-05-30 23:52:15
【问题描述】：

我有一个带圆角的 div（border-top-right-radius），并且在 IE11 中添加了一条白线，在左侧大约 1px。

如果我离开“border-top-right-radius”，这条线就会消失。如果我使用它消失的缩放，我认为这是一个近似错误。

任何想法？谢谢

代码：

<li>
<a>Environment</a>
</li>

用 IE11 看看这个... http://jsfiddle.net/hkg4Z/

【问题讨论】：

“如果我使用缩放”是什么意思？什么变焦？浏览器的缩放？ CSS'zoom?
没有代码我们帮不了你。
你在这些元素上使用display: inline-block吗？
有和没有 inline-block 都一样。
看起来是一个近似错误，如果你调整浏览器的大小，你可以看到行的变化

标签： internet-explorer css

【解决方案1】：

看起来这是 IE 中的一个已知错误。 11:(

http://social.msdn.microsoft.com/Forums/ie/en-US/a7808c7d-0178-4b10-b8b1-fbb06dd6ee28/ie-11-div-with-borderradius-bug?forum=iewebdevelopment

【讨论】：

【解决方案2】：

这里有一个解决方法

http://jsfiddle.net/hkg4Z/2/

li{
    float: left;
    background:blue;
    height:34px;
    color:#fff;
    list-style:none;
    border-top-right-radius:8px;
    border: 1px solid blue;
}

我加了一个边框

http://jsfiddle.net/hkg4Z/3/

代替父级的边框半径

ul {
    margin: 0;
    padding: 0;
    border-top-right-radius:8px;
    float: left;
    overflow: hidden;
}

【讨论】：

你没有改变任何东西：-S
我在 li 之间没有空格，它不起作用我以为当我在小提琴上运行时它起作用了，但现在看起来线条又回来了
看红线，蓝线剪红线。
@BlackCid 当然很好，因为你给了他们不同的颜色哈哈，你到底想做什么？
@BlackCid 您的图像在环境左侧有一条白线。如果你只想要整个nav最左边和最右边的半径，那么把边界半径放在容器上而不是li上。如果没有，请详细说明您要实现的目标

【解决方案3】：

如果您有纯色背景色，则可以通过添加具有相同颜色的嵌入框阴影来移除空间。

box-shadow: inset 0 0 0 1px blue;

【讨论】：