Css IE11边界半径和边界错误

我在IE11中有一个奇怪的视觉缺陷，如图中所示>

（来源：）

查看白色“为什么使用我们”按钮角落的奇怪效果。

li

按钮

边框半径

、

背景图像

和

边框：1px纯色

的组合似乎产生了这种奇怪的可怕效果

有人知道解决方法吗

LI

的CSS是：

background-image: url("../images/core/primnavItemBG_sprite.png");
background-position: 0 0;
border: 1px solid #FFFFFF;
border-radius: 6px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
color: #2062AF;
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
font-size: 14px;
margin-right: 5px;
outline: medium none;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;

---

在IE10+中添加纯色背景色修复了此问题。。。似乎是一个IE bug试图呈现CSS3位

为什么不使用背景图像来重新创建此按钮并保存任何其他请求和加载时间。我能够重新创建你的按钮和你的梯度刚刚好在IE 11使用上述发电机。附图；

---

请在条件CSS块内尝试此操作

background-image: url("../images/core/primnavItemBG_sprite.png");
border: 1px solid #FFFFFF; /*In Border color use color same as background color otherwise use border-size:0*/
box-shadow: none;
outline: none;

---

希望这能解决您的问题

您可以通过将

添加到标题部分来打开IE10模式，并且可以正常工作。

这对我很有效。我不确定你是否和我有同样的问题。 我在拐角处发现了轻微的白色蛀虫

背景剪辑：填充框

解决方案：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<style>
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
</style>

边框右上角半径：7px；
边框左上半径：7px；
边框右下半径：2px；
边框左下半径：2px；

自从他们首次在IE中添加了对

边界半径的支持以来，我就在Ocasion上注意到了这一点。也许这是：奇怪的是，为什么你要将背景图像与实际图像一起使用，而不是CSS3渐变？我在IE11和Windows 10上的Microsoft Edge中也遇到过这种情况。然而，我无法在Windows8.1上的IE11中复制。我使用的是纯色背景色，没有奇特的渐变色或其他颜色。@BryanCorey我在win10的IE11中也遇到过这个问题。edge似乎起作用了。它在我的整个应用程序中都是这样做的，要么是实心填充，要么是1-2px边框（盒子、输入等都显示了这一点）-超级烦人。你明白了吗？我也有同样的问题，但我的按钮已经使用了纯色背景。我在每一个元素的左边都看到了这些奇怪的线条，我在上面画了边界半径。修复的完整代码是什么？我也有同样的问题，背景很好。我也不介意看到一个解决方案。这个答案是在你的答案之前20分钟给出的。