ie兼容

一:适用于个别元素,单独写兼容

_color : #fff ;                  6
*+color : #fff ;                 7
*color : #fff ;                  6,7
color : #fff\0 ;                 8,9,10
color : #fff\9\0 ;               9,10
color : #fff\9 ;                 6,7,8,9,10

那怎么单独控制ie8 ?看下面:
color : #fff ;
color : #fff\9\0 ;
color : #000\0 ;                ie8
是不是只在ie8下变成黑色


二:适用于单独引入针对ie的样式
















不懂?举个栗子



三:适用于引入部分针对ie的样式,放在一起

仅IE6和IE7识别
@media screen\9 {
    .selector {  font-size: 20px;
} } 

仅IE6和IE7、IE8识别
@media \0screen\,screen\9 {
    .selector {  font-size: 20px;
} }

仅IE8识别
@media \0screen {
    .selector {  font-size: 20px;
} }

仅IE8-10识别
@media screen\0 {
    .selector {  font-size: 20px;
} } 

仅IE9和IE10识别
@media screen and (min-width:0\0) {
    .selector {  font-size: 20px;
} } 


四:不想写兼容肿么办?

加入下面这行代码:

强制用户使用ie9以上的浏览器

你可能感兴趣的:(ie兼容)