Question

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

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

看到白色角落的奇怪效果＆＃34;为什么使用美国＆＃34; li按钮......

border-radius，background-image和border: 1px solid #colour的组合似乎正在创造这种奇怪的可怕效果。

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

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;

Answer 1

这对我有用。我不确定你是否和我有同样的问题。我在角落附近得到了轻微的白色蛀虫。

background-clip：padding-box;

Answer 2

请在条件CSS块中尝试此操作。

$caste = implode(',',$this->input->post("caste"));

希望这能解决您的问题

Answer 3

解决方案：

<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>

Answer 4

这是一个已知的错误，可以通过将IE11置于IE10兼容模式来解决，其中border-radius正常工作。

将<meta http-equiv="X-UA-Compatible" content="IE=10" />插入head。

Answer 5

为什么不使用http://css3buttongenerator.com/重新创建此按钮并保存任何其他请求和加载时间，而不是背景图像。我能够使用上面的生成器在IE 11中重新创建你的按钮和渐变。附图; Button image

Answer 6

您通过将<meta http-equiv="X-UA-Compatible" content="IE=10" />添加到head部分来启用IE10模式，并且可以正常工作。

Answer 7

为IE10 +添加一个坚固的BG颜色修复了这个...似乎是一个尝试渲染CSS3位的IE错误......

IE11边界半径和边框bug

7 个答案: