CSS兼容性汇总
http://www.jb51.net/css/469020.html
?
CSS屬性Hack
把屬性hack分為 前綴屬性hack和 后綴屬性hack
?
| CSS屬性Hack（前綴） | 針對(duì)的瀏覽器 |
| _color:red; | IE6及其以下的版本 |
| *color:red?;或者?+color:red; | IE7及其以下的版本 |
| CSS屬性Hack（后綴） | 針對(duì)的瀏覽器 |
| color:red\9; | IE6/IE7/IE8/IE9/IE10版本 |
| color:red\0; | IE8/IE9/IE10版本 |
| color:red\9\0; | IE9/IE10 |
| color:red!important | IE7/IE8/IE9/IE10及其他非IE瀏覽器 |
其實(shí)，現(xiàn)在越來越的公司，不太讓兼容ie6了，現(xiàn)在比較關(guān)心的是ie8.910等高版本的瀏覽器，因此這里小強(qiáng)老師也總結(jié)了ie專屬hack ，比如ie8等。
?
| 選擇器Hack寫法 | 針對(duì)于的瀏覽器 |
| @media?screen\9{body?{?background:?red;?}} | 只對(duì)IE6/7生效 |
| @media?\0screen?{body?{?background:?red;?}} | 只對(duì)IE8生效 |
| @media?\0screen\,screen\9{body?{?background:?blue;?}} | 只對(duì)IE6/7/8有效 |
| @media?screen\0?{body?{?background:?green;?}} | 只對(duì)IE8/9/10有效 |
| @media?screen?and?(-ms-high-contrast:?active),?(-ms-high-contrast:?none)?{body?{?background:?orange;?}} | 只對(duì)IE10有效 |
?
如果樣式比較多，條件注釋，是不錯(cuò)的選擇：
IE條件注釋語句
?
| IE條件注釋語句 | 針對(duì)的瀏覽器版本 |
| <!--[if?lt?IE?7]>內(nèi)容<![endif]-->?? | IE7?以下版本 |
| <!--[if?lte?IE?7]>內(nèi)容<![endif]--> | IE7及以下版本（包含IE7） |
| <!--[if?gt?IE?7]>內(nèi)容<![endif]--> | IE7?以上版本 |
| <!--[if?gte?IE?7]>內(nèi)容<![endif]--> | IE7及以上版本（包含IE7） |
| <!--[if?!IE?7]>內(nèi)容<![endif]--> | 非IE7版本 |
| <!--[if?!IE]><!-->您使用不是?Internet?Explorer<!--<![endif]--> | 非IE瀏覽器 |
轉(zhuǎn)載于:https://www.cnblogs.com/yyy6/p/5939809.html
總結(jié)
