如何修复IE8中的边界半径（ie7，ie6） [英] How to fix border radius in IE8 (ie7, ie6)

问题描述

我使用这个CSS：

    #main{  
        border-radius: 50px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
            -webkit-border-radius: 50px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius: 50px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px;
    }

它在FF，Chrome，IE9 ..
但是它的soooo丑在IE8，

It works perfectly in FF, Chrome, IE9(i think) and Safari... But its soooo ugly in IE8 ,

有用户使用IE8，我试过.htc file 但不支持border-bottom-right-radius和border-bottom-left-radius ...

There are users using IE8, i have tried the .htc file but that dont support border-bottom-right-radius and border-bottom-left-radius...

我正在寻找一个支持JS或HTC文件（或其他解决方案）
我只需要它为IE8，但它的伟大，如果它支持IE6和IE7 aswell！

I'm looking for a JS or HTC file that does support that (or an other solution for this) I only need it for IE8, but its great if it support IE6 and IE7 aswell!

谢谢！

推荐答案

您可以尝试 CSS Pie 。我没有使用它，所以我不能保证。

You could try CSS Pie. I've not used it, so I can't vouch for it.

总体而言：我会让它走。没有圆角不会打破IE8用户的体验。更强大的浏览器获得更好的体验。渐进式增强是一件美丽的事情。

Overall, though: I'd let it go. The absence of rounded corners won't break the experience for users in IE8. More capable browsers get the better experience. Progressive enhancement is a beautiful thing.

这篇关于如何修复IE8中的边界半径（ie7，ie6）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！