这是HTML,不必要的部分被删除：

<div class="container">
    <div class="page-content">
        <div id="corner"></div>
        ... page contents here
    </div>
</div>

这里是CSS：

.container {
    margin: 0;
    min-height: 100%;
    padding: 0;
}


.page-content::after {
    content: "";
    display: block;
    height: 1px;
}
.page-content {
    background: linear-gradient(137deg,transparent 121px,#ffffff 20px) repeat scroll 0 0 rgba(0,0);
    margin: 190px 100px 150px;
    max-width: 64em;
    padding: 10px 120px 145px;
    z-index: 2;
}
.page-content {
    margin: auto;
    max-width: 64em;
    padding: 0 1em 1em;
}

#corner {
    background-color: #ffffff;
    background-image: url("corner.png");
    display: block;
    height: 200px;
    left: 120px;
    position: absolute;
    top: 20px;
    width: 200px;
    z-index: -1;
}

正如你可以看到在这个截图中,#corner元素的位置不正确.

我真的不知道要尝试什么,因为这是特定于Internet Explorer.在过去几个小时内尝试过不同的代码,没有运气到目前为止.