CSS3圆角圆边 支持IE6-IE8浏览器
2015-04-13 11:48
856 查看
CSS3圆角圆边样式,支持各大版本浏览器,包括支持IE6-IE9浏览器的圆边圆角。
本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍一种实用的让IE支持CSS 3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角。
在CSS中使用CSS插件文件即可让IE6/IE7/IE8浏览器。
在CSS中使用behavior引入“iecss3.htc”插件文件即可。提示注意,要让IE6-IE8支持,需要将“behavior: url(iecss3.htc)”引人CSS代码直接放到HTML文件源代码内才能生效。
让IE6-IE8支持CSS3圆角必备条件:
1、behavior: url(iecss3.htc)必须直接HTML中引人;
2、position:relative; z-index:2; 必须同时使用position和z-index两个CSS属性。
圆角效果截图
CSS3版支持各大浏览器圆角效果截图
在线浏览:查看案例
本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍一种实用的让IE支持CSS 3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角。
在CSS中使用CSS插件文件即可让IE6/IE7/IE8浏览器。
.yuan { border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:relative; padding:5px; background:#FFF; z-index:2; width:330px; height:200px; behavior: url(iecss3.htc) }
在CSS中使用behavior引入“iecss3.htc”插件文件即可。提示注意,要让IE6-IE8支持,需要将“behavior: url(iecss3.htc)”引人CSS代码直接放到HTML文件源代码内才能生效。
让IE6-IE8支持CSS3圆角必备条件:
1、behavior: url(iecss3.htc)必须直接HTML中引人;
2、position:relative; z-index:2; 必须同时使用position和z-index两个CSS属性。
圆角效果截图
CSS3版支持各大浏览器圆角效果截图
在线浏览:查看案例
相关文章推荐
- 转 CSS3圆角圆边 支持IE6-IE8浏览器
- CSS3圆角圆边 支持IE6-IE8浏览器
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式-最好的插件
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- IE6-IE8支持css3圆角属性的方法
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- IE6、IE7、IE8支持css3不再是梦
- IE8及低版本浏览器不支持CSS3 media queries的解决方法
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!
- IE低版本浏览器支持CSS3属性(圆角、阴影、渐变等)(CSS3 PIE)
- 2012-06-29 09:01 JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
- 让IE6/IE7/IE8浏览器支持CSS3属性(转载)
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
- 让IE6,IE7,IE8,IE9支持CSS3
- 让IE6/IE7/IE8浏览器支持CSS3属性
- 让IE6IE7IE8支持CSS3属性的8种方法介绍
- 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角