IE8 兼容 border-radius

IE8 兼容 border-radius

W3C 参考手册中,border-radius支持IE9以上的版本。

IE8 兼容 border-radius

解决方案

所以想要在IE8下使用该属性,需要配合js 或者一些其他的插件。
1.首先下载源文件css3pie 1.0和2.0都可以
IE8 兼容 border-radius

2.下载完成后解压把PIE.htc文件放在该html页面的同级目录下!IE8 兼容 border-radius
3.把PIE.js文件放在你的js文件夹下!
IE8 兼容 border-radius
然后在你的css代码中加入

border-radius: 50%;
behavior:url(PIE.htc);

(文件放在同一目录下路径就直接写成这样,千万不要写成 …/PIE.htc 也可以写成 pie.htc)
在页面引入js文件

<script type="text/javascript" src="js/PIE.js"></script>

成功啦 ^ 。^
IE8 兼容 border-radius