目前而言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】相关文章：
★ HTML 5 input placeholder 属性如何完美兼任ie
★ HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
★ HTML5的Geolocation地理位置定位API使用教程
★ html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法