css hack

1.ie6的3像素bug

當浮動元素遇到非浮動元素的時候，會有3px的縫隙，在ie6瀏覽器下的時候。

.menu{

     height:200px;

     width:150px;

     float:left;

     _margin-right:-3px;   /*解決方法，只針對ie6*/

}

+padding-left:50px;     /*只針對ie7瀏覽器*/

*padding-left:50px;      /*針對ie6和ie7瀏覽器*/

 

「-」減號是IE6轉悠hack

"\9"  IE6/IE7/IE8/IE9/IE10都生效

「\0」 IE8/IE9/IE10都生效，是IE8/9/10的hack

"\9\0"  只對IE9/IE10生效，是IE9/10的hack

 

 

二、CSS hack  條件註釋法

 

只在IE下生效

<!--[if IE]>

這段文字只在IE瀏覽器顯示

<![endif]-->

 

只在IE6下生效

<!--[if IE 6]>

這段文字只在IE6瀏覽器顯示

<![endif]-->

 

只在IE6以上版本生效

<!--[if gte IE 6]>

這段文字只在IE6以上（包括）版本IE瀏覽器顯示

<![endif]-->

 

 

強制網頁使用最高版本ie,或下載google瀏覽器

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 

或者bootstrop裏面兼容ie6的庫

 

老式瀏覽器支持html5

在head裏面添加

<!-[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]->

 

老式瀏覽器支持css3

須要在樣式裏面引入 behavior:url(ie-css3.htc);

不徹底兼容方案