css – IE11边框半径和边框错误

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

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

看到白色的“WHY USE US”li按钮的角落上的奇怪效果….

border-radius,background-image和border的组合：1px solid #colour似乎正在创造出这个奇怪的可怕效果.

任何人知道解决方案？

李的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.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;

解决方法

请在条件的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;

希望这将解决您的问题

原文地址：https://www.jb51.cc/css/217057.html