कोई भी जानता है कि क्यों: सीएसएस के बाद आईई 9 में काम नहीं कर रहा है?

Question

This submit button बाईं तरफ गोल किया जाना चाहिए, और दाईं तरफ की ओर इशारा किया जाना चाहिए। यह गैर-यानी ब्राउज़र में काम कर रहा है, लेकिन आईई 9 में, यह काम नहीं कर रहा है।

यदि मैं डेवलपर टूल में शैलियों को देखता हूं, तो .flat-button: नियम के बाद सबकुछ खत्म हो गया है, जैसे कि यह किसी चीज़ से छेड़छाड़ की जाती है। क्या?

<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

थोड़ी देर के लिए खेलने के बाद, मुझे आईई 9 के लिए एक सरल फिक्स मिला।

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

तुम सब है .flat-button को overflow: visible जोड़ने के लिए

।