css hack

1.ie6的3像素bug

当浮动元素遇到非浮动元素的时候，会有3px的缝隙，在ie6浏览器下的时候。

.menu{

     height:200px;

     150px;

     float:left;

     _margin-right:-3px;   /*解决方法，只针对ie6*/

}

+padding-left:50px;     /*只针对ie7浏览器*/

*padding-left:50px;      /*针对ie6和ie7浏览器*/

 

“-”减号是IE6转悠hack

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

“” IE8/IE9/IE10都生效，是IE8/9/10的hack

"9"  只对IE9/IE10生效，是IE9/10的hack

 

 

2、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);

不完全兼容方案