相关疑难解决方法(0)

我在IE 11中搜索了与border-radius相关的类似问题,但只有一个在Microsoft IE Developer网站上找到的描述了自"升级"到IE 11以来我目前正在经历的内容.该帖子的帖子答案是确保DOCTYPE是HTML5,而不是Quirks.

我目前正在网站上完成重新设计,是的,它是HTML5并且具有正确的DOCTYPE,但我仍然遇到一个奇怪的border-radius问题.几乎每个我应用了边界半径的元素都有1px的偏移量.如果我取消选中border-radius,问题就会消失,一切都很好,但令人震惊的是这不是IE 9或IE 10中的一个问题.只是因为几天前的IE 11,这个问题浮出水面.我已经使用IE 11在Windows 7和使用IE 11的Windows 8.1上进行了测试,两者都存在问题.

例1:

我有一个border-radius: 5px 0 0 5px这里,然后应用单独的伪元素:before和:after获得指向三角形,但border-radius似乎是创建1px白线,所以它不再与元素的其余部分齐平.这在IE 8中工作正常,但现在在IE 11中被破坏.如果我删除border-radius,则伪元素三角形将再次与元素齐平.

例2:

<a>显示为内联块的链接按钮具有背景的线性渐变,蓝色1px实线边框和border-radius: 4px.但是border-radius在蓝色1px边框内创建了另一条1px白线.无论是否有任何其他border-radius值,除非border-radius为0,否则白线仍然存在.

例3:

三个<a>链接元素设置display: inline-block在<div>相对于另一个<div>下方的另一个内部.底部<div>有一个border-radius: 4px,<a>顶部内部的元素<div>左上角和右上角(如图所示).IE 11在两个<div>元素之间显示1px的间隙(如上面链接的其他海报线程所示).但如果底部的边界半径<div>设置为0,则间隙消失.

同样,这些实例中没有一个是IE 9和IE 10中的问题; 只是因为IE 11具有这种"1px间隙",其中出现了具有border-radius的元素.我不知道如何解决它.当然没有其他浏览器受到影响.Firefox,Safari,Opera和Chrome都显示得很好.

任何帮助将不胜感激.

我有一个带有border-radius的div.在IE10和IE11中显示某种类型的fragemnts.

原因是什么？我们如何解决这个问题？

使用IE10或IE11访问此站点以查看效果:http: //css3pie.com/demos/border-radius

访问小提琴:http://goo.gl/pKLe89

我正在创建一个用户名单,我使用CSS3边框为排名编号创建一个白色边框.它在这里可以看到:http://www.cphrecmedia.dk/musikdk/stage/channelfans.php

然而,边界之后似乎是一个黑色的边界,我觉得非常奇怪.它似乎是背景颜色的溢出物.

这是一个非常小的问题,但我对这个实际发生的原因很感兴趣.有谁知道为什么？CSS非常简单,所以不应该发生