javascript - 如何在 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 file但不支持 border-bottom-right-radius 和 border-bottom-left-radius ...

我正在寻找支持该功能的 JS 或 HTC 文件(或其他解决方案) 我只需要它用于 IE8，但如果它也支持 IE6 和 IE7，那就太好了!

谢谢!

Answer 1

你可以试试 CSS Pie .我没有使用过它，所以我不能保证。

不过，总的来说:我会放手。没有圆 Angular 不会破坏 IE8 用户的体验。功能更强大的浏览器可以获得更好的体验。渐进增强是一件美丽的事情。