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的样式
<!--[if !IE]>             除IE外都可识别    <![endif]-->
<!--[if IE]>              所有的IE可识别    <![endif]-->
<!--[if IE 6]>           仅IE6可识别    <![endif]-->
<!--[if lt IE 6]>        IE6以及IE6以下版本可识别     <![endif]-->
<!--[if gte IE 6]>     IE6以及IE6以上版本可识别     <![endif]-->
<!--[if IE 7]>           仅IE7可识别     <![endif]-->
<!--[if lt IE 7]>        IE7以及IE7以下版本可识别     <![endif]-->
<!--[if gte IE 7]>     IE7以及IE7以上版本可识别     <![endif]-->
<!--[if IE 8]>           仅IE8可识别     <![endif]-->
<!-- [if lt IE 8]>       IE8及以下    <![endif] -->
<!-- [if gte iE 8]>    IE8及以上    <![endif] -->
<!--[if IE 9]>           仅IE9可识别     <![endif]-->
<!-- [if lt IE 9]>       IE9及以下    <![endif] -->
<!-- [if gte IE 9]>    IE9及以上     < ![endif] -->
不懂?举个栗子
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--[if IE 7]>
        <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->
三:适用于引入部分针对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; } } 
四:不想写兼容肿么办?
加入下面这行代码:
<!--[if lte IE 8]>
<script>[size=normal]

window.location.href='http://www.chinaedu.net/upgrade-your-browser.html?referrer='+location.href;
</script>
<![endif]-->
强制用户使用ie9以上的浏览器

posted @ 2016-09-29 11:39  喔喔牛在路上  阅读(78)  评论(0编辑  收藏  举报