根据canisue（ http://caniuse.com/#search=border-radius ），border-radius兼容性如下图所示：
@H_ 360 _2@测试代码：
<!DOCTY PE ht ML >
<html>
<head>
< ;m eta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE= Edge ,ch rom e=1">
<t IT le></title>
<style type="text/css">
* {
m arg in: 0;
padding: 0;
}
# header {
width: 400px;
h ei ght: 400px;
mar gin : 10px;
border-radius: 10px;
border: 1px solid red ;
}
</style>
</head>
<body>
<div id="header">
</div>
</body>
</html>
IE8浏览器效果：
border-radius在IE8浏览器兼容 方案 ：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,c hr ome=1">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#header {
width: 400px;
height: 400px;
margin: 10px;
border-radius: 10px;
border: 1px solid red;
/*关键属性设置 需要把路径设置好*/
behavior: url(PIE.htc);
}
</style>
</head>
<body>
<div id="header">
</div>
</body>
</html>
IE8浏览器下效果：
PIE.HTC下载地址： http://css3pie.com/
PIE可以处理CSS3的一些属性，如：
IE8:兼容性主要是：
（1）不支持css3属性，使用PIE.js实现CSS3效果。
（2）media query
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
总结
以上是 为你收集整理的 border-radius IE8兼容处理的方法 全部内容，希望文章能够帮你解决 border-radius IE8兼容处理的方法 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于border-radius IE8兼容处理的方法的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did201012