IE10中的box-shadow + transition glitchiness

Question

的jsfiddle

<div id="box">
    <div id="body">Blah blah blah</div>
</div>

#box {
    box-shadow: 0 0 8px black;
}
#body {
    height:100px;
    transition: height 0.8s ease;
}
#body:hover {
    height: 200px;
}

在IE10中,当转换改变内容的高度时,框底部的阴影是微不足道的.请注意,只有在更改高度的内容框中才会出现这种情况.如果它是容器,阴影效果很好.但是,我无法更改容器的大小,因为我希望它是动态的以适应其内容.

这有什么解决方法吗？

Answer 1

IE11 中的渲染问题已得到修复。不用担心！