IE11边框半径和边框错误 [英] IE11 border radius and border bug

问题描述

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

I have an odd visual bug in IE11 as you can see in image here >

看到白色角落的奇怪效果为什么使用US li button ....

See the odd effect on corners of the white "WHY USE US" li button....

border-radius ， background-image 和 border：1px solid #colour 似乎创造了这种奇怪的可怕效果。

The combination of border-radius, background-image and border: 1px solid #colour seems to be creating this odd horrid effect.

任何人都知道要解决的解决方案？

Anyone know of a solution to fix?

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;

推荐答案

这是一个已知的错误， IE11进入IE10兼容模式，其中 border-radius 工作正常。

This is a known bug that can be solved by putting IE11 into IE10 compatibility mode in which border-radius works fine.

插入 meta http-equiv =X-UA-Compatiblecontent =IE = 10/> into head 。

这篇关于IE11边框半径和边框错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！