Microsoftは、問題のコード特定の疑似要素のCSS

を尊重していないエッジ：http://jsbin.com/bisimeyija/edit?html,css,output Microsoftは、問題のコード特定の疑似要素のCSS

それは私が信じているクローム/サファリ/ FirefoxとさえIE11で正常に動作します。

HTML

<div class="img-Offset"> 
    <div class="img-Offset_ImageContainer"> 
    <img src="http://placehold.it/430x350" alt=""> 
    </div> 

    <p class="img-Offset_Caption">Scott Preston and his wife Laura</p> 
</div> 

:root { 
    --Theme_Primary-dark: #f98183; 
}

CSSのように見えるエッジで

.img-Offset { 
    position: relative; 
    z-index: 1; 

    max-width: 520px; 
    width: 100%; 
} 

.img-Offset::after { 
    content: ''; 

    position: absolute; 
    top: 90px; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: -1; 

    display: block; 

    background-color: var(--Theme_Primary-dark); 
    border-radius: 5px; 
} 

.img-Offset_ImageContainer { 
    position: relative; 

    padding-left: 90px; 

    border-radius: 5px; 
    border-bottom-right-radius: 0; 
} 

.img-Offset_Caption { 
    margin-top: 14px; 
    padding-right: 30px; 
    padding-bottom: 21px; 
    padding-left: 90px; 

    font-weight: 500; 

    color: #fff; 
}

：