IE8以下支持css3,完美解决,围观围观,干货儿不忽悠

jk 1年前 ⋅ 1548 阅读

源于:今日头条(查看原文)

正在做一个兼容IE7的项目,现在就分享一个可以实现IE8 下 圆角 等其他只有高版本才能实现的方法。

支持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浏览器。

.video .container .comment .info .progress-bar {

position:relative; z-index:2;

float: left;

height: 60px;

width: 800px;

margin-left: 40px;

border-radius: 4px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

background: #afe46e;

behavior: url(../plugins/ie-css3.htc);

}

在CSS中使用behavior引入“iecss3.htc”插件文件即可。DIVCSS5提示注意,要让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属性。

本人亲测有效:

IE8以下支持css3,完美解决,围观围观,干货儿不忽悠

如有任何疑问,请留言!

本人只发表干货儿,实用技巧,4年前后端开发经验。欢迎各位订阅,互相学习,谢谢大家给个赞,

虽然我都不知道 这个赞有啥用,能挣钱吗


全部评论: 0

    我有话说: