IE11边界半径和边框bug

Question

我在IE11中有一个奇怪的视觉错误,你可以在这里看到>

http://www.jonwallacedesign.biz/ie11.png

看到白色"为什么使用我们" li按钮的角落的奇怪效果....

的组合border-radius,background-image并且border: 1px solid #colour似乎是创造这个奇怪的可怕影响.

有人知道解决方案吗？

CSS的LI是:

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;

Answer 1

这对我有用.我不确定你是否和我有同样的问题.我正在拐角处得到轻微的白色蛀虫.

background-clip:padding-box;

Answer 2

向 IE10 添加纯 BG 颜色 + 修复了此问题...看起来像是 IE 错误试图渲染 CSS3 位...