ie8兼容border-radius方法

Posted 简单就好zyx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ie8兼容border-radius方法相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>

    <head>
        <meta charset="utf-8" />
    </head>
    <title></title>
    <style>
        .border{width: 100px; height: 100px; border-radius: 50%; background: #000;behavior:url("PIE.htc");}
    </style>

    <body>
        <div class="border"></div>
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/PIE.js"></script>
        <script>
            $(function(){
                  if (window.PIE) {
                    $(‘.border‘).each(function() {
                        PIE.attach(this);
                    });
                }
            })
        </script>
    </body>

</html>

以上是关于ie8兼容border-radius方法的主要内容,如果未能解决你的问题,请参考以下文章

IE8兼容border-radius

IE8兼容border-radius

border-radius IE8兼容处理

border-radius,box-shadow兼容性解决办法

深入border-radius

想要IE6~IE8支持css3的border-radius属性,下了一个ie-css3.htc的文件,放在页引入进去不起作用。