淺析border-radius如何兼容IE

字號： 小 中 大


    目前而言firefox，opera,chrome等主流瀏覽器都已經(jīng)支持border-radius屬性，唯獨(dú)IE8以及之前。
    解決辦法就是在用的border-radius屬性的后面加上:behavior: url(ie-css3.htc);
    XML/HTML Code
    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>border-radius兼容IE</title>  
        <style>  
            .d1{   
                width: 5em;   
                height:5em;   
                background: #e4393c;   
                /*防止瀏覽器版本過低*/   
                -moz-border-radius: 50%;   
                -webkit-border-radius: 50%;   
                border-radius: 50%;   
                /*解決IE*/   
                behavior: url(ie-css3.htc);   
            }   
        </style>  
    </head>  
    <body>  
        <div></div>  
    </body>  
    </html>  
    以上這篇淺析border-radius如何兼容IE就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考