目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。
解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc);
XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="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> <divclass="d1"></div> </body> </html>
以上这篇浅析border-radius如何兼容IE就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持查字典教程网。
【浅析border-radius如何兼容IE】相关文章：
★ 让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
★ HTML5移动应用开发第1章：用HTML5、地理定位API和Web服务来开发移动应用
★ html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法