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é)

以上是生活随笔為你收集整理的CSS兼容性汇总的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。