任何人都知道這是爲什麼：在IE9之後CSS不工作？

Question

This submit button應在左側進行四捨五入，並指出在右側。它在非ie瀏覽器中工作，但在IE9中，它不起作用。

如果我期待在開發工具的款式，.flat按鈕：規則有後一切都劃掉了，就好像它是由東西取代。什麼？

<button type="submit" class="flat-button">Submit</button> 
<style> 
.flat-button { 
    float: left; 
    position: relative; 
    border-top-left-radius: 5px; 
    -moz-border-top-left-radius: 5px; 
    -webkit-border-top-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
    -moz-border-bottom-left-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    border: none; 
    padding: 0 12px; 
    margin: 0 3px 3px 0; 
    outline: none; 
    cursor: pointer; 
    color: white; 
    font-family:'Trebuchet MS', Arial, helvetica, Sans-Serif; 
    font-size: 14px; 
    font-weight: bold; 
    font-style: italic; 
    text-decoration: none; 
    border-collapse: separate; 
    height: 26px; 
    line-height: 26px; 
    background: #5191cd; 
} 
.flat-button:hover { 
    background: #1c3f95; 
} 
.flat-button:after { 
    position: absolute; 
    content: ' '; 
    height: 0; 
    width: 0; 
    left: 100%; 
    border: 13px solid transparent; 
    border-left-color: #5191cd; 
} 
.flat-button:hover:after { 
    border-left-color: #1c3f95; 
} 
</style> 

Answer 1

玩了一段時間後，我發現了一個簡單的修復IE9。

http://jsfiddle.net/thirtydot/BWC9q/10/

所有您需要的是添加overflow: visible到.flat-button。