手机
当前位置:查字典教程网 >网页设计 >HTML5教程 >浅析border-radius如何兼容IE
浅析border-radius如何兼容IE
摘要:目前而言firefox,opera,chrome等主流浏览器都已经支持border-radius属性,唯独IE8以及之前。解决办法就是在用的...

目前而言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】相关文章:

HTML5 canvas画图并保存成图片的jcanvas插件

HTML5实现简单图片上传所遇到的问题及解决办法

HTML5中drawImage用法分析

H5移动端页面设计心得分享

用html5的canvas画布绘制贝塞尔曲线完整代码

使用HTML5 Canvas 制作水波纹效果点击图片就会触发

有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题

HTML5之SVG 2D入门8—文档结构及相关元素总结

html5 初试 indexedDB(推荐)

HTML5本地存储之Web Storage详解

精品推荐
分类导航