IE11中僞元素溢出錯誤

Question

我無法使IE11及其以上版本（以及Windows上的Safari 5.1）正確應用overflow：hidden來僞造具有邊框半徑的元素。

添加溢出：隱藏到父元素解決了這個問題，但不幸的是，在我的情況下，我不能應用溢出隱藏到父項。

div:after { 
    content: "X"; 
    display: block; 
    width: 200px; 
    height: 200px; 
    font-size: 300px; 
    border: 1px solid red; 
    border-radius: 100%; 
    overflow: hidden; 
} 

這裏的筆來說明：

http://codepen.io/alexandtheweb/pen/GgMyXO

Answer 1

http://codepen.io/anon/pen/xbpYyR

div { 
    display: block; 
    width: 200px; 
    height: 200px; 
    font-size: 300px; 
    border: 1px solid red; 
    border-radius: 100%; 
    overflow: hidden; 
} 

div:after { 
    content: "X"; 
} 

我剛剛解僱了IE8的一個虛擬機，它不會在那裏工作，但IE10似乎工作正常。無法在ie9上測試，因爲我不再信任兼容模式。