ie11破碎的圆角背景图像

Question

JsFiddle示例： http://jsfiddle.net/Q5AjL/ ie11中的jsfiddle截图，dev模式关闭：

从我的实际网站拍摄的屏幕截图：

有没有人见过这个？在ie11中，一些边界有这种奇怪的破坏性影响。

似乎半透明图像在圆角处破裂。我怎么能解决这个问题呢？叹息......即......你是我网页设计生活中的痛苦。

.small-card{
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    margin-bottom: 25px;
}
.trans{
    background-image: url(/png/transparent/white/40_percent.png);
    background-repeat: repeat;
    border: solid 1px #fff;
}

这是ie11。当我打开devloper模式时，问题就会消失！太混乱了。

我真的不明白发生了什么。如上所述，只要我打开开发者模式，问题就会消失。它只发生在涉及圆角的地方。