内部固定位置的元素在Internet Explorer中消失

Question

我有一个位置固定的元素。它包装了浏览器的高度，宽度为25％，并保持在右侧。在IE中，其中的元素只是消失了，但是当我检查消失的元素时，当我在检查器中从该元素上移开焦点时，它们就会出现并再次消失。这是固定元素的CSS。

其余内容没有绝对或固定的位置，这是覆盖.sidenavopen元素的位置。

List<A> list = ... ;
sortA(list); // works
sortB(list); // fails

Doctype也已添加到主html文件中。

.sidenavopen {
    height: 100%;
    width: 25%;
    position: fixed;
    z-index: 9970;
    top: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 2.5em rgba(85, 85, 85, 0.5);
    overflow-x: hidden; // transition: 0.5s;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

第一张图片是IE，第二张图片是chrome。 这就是在IE中的外观

这就是镀铬的外观