如何修复IE8中的边界半径(ie7,ie6)

Question

我正在使用这个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(我认为)和Safari中完美运行......但它在IE8中非常难看,

有用户使用IE8,我尝试过.htc 文件, 但不支持border-bottom-right-radius和border-bottom-left-radius ...

我正在寻找支持它的JS或HTC文件(或其他解决方案)我只需要它用于IE8,但它很棒,如果它支持IE6和IE7也是如此!

谢谢!

Answer 1

你可以试试CSS Pie.我没用过它,所以我不能保证它.

总的来说,虽然:我会放手.缺少圆角不会破坏IE8用户的体验.更强大的浏览器可以获得更好的体验 渐进式增强是一件美好的事情.