目前而言firefox, opera ,ch rom e等主流浏览器都已经支持border-radius属性,唯独IE8以及之前。
解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc);
XM L/HT ML Code 复制内容到剪贴板
<!DOCTY PE &nbs p; html > < html lang = "en" > < head > < meta charset = "UTF-8" > < t IT le > border-radius兼容IE </ title > < style > .d1{ width: 5em; h ei ght: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 >
以上这篇浅析border-radius如何兼容IE就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
总结
以上是 为你收集整理的 浅析border-radius如何兼容IE 全部内容,希望文章能够帮你解决 浅析border-radius如何兼容IE 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
查看更多关于浅析border-radius如何兼容IE的详细内容...