目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。
解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc);
<!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 class="d1"></div>
</body>
</html>
网友评论