CSS处理老式浏览器

1： 浏览器份额统计 http://tongji.baidu.com/data/browser

2： hack 一览表

： http://blog.csdn.net/chen794252446/article/details/40269321

3：老式浏览器支持html5

<!-- 引入 html5js.js 文件 此文件只在 ie浏览器中生效-->
<!--[if IE]>
<script src="lib/html5.js">
</script>
<script src="http://html5shiv.google.com/svn/trunk/html5.js">
</script>
<![endif]-->

4：老式浏览器支持css3

body {behavior: url(ie-css3.htc);}

5：E6的3像素bug

:3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时

这个3像素的Bug就会出现。

:看下面这个左列固定，右列浮动的例子，css代码如下：

body { margin:0;}
side { float: left; background:#99FF99; height: 300px; width: 120px;}
main { background: #99FFFF; height: 300px;}
   <div id="side">此处显示 id "side" 的内容</div>
   <div id="main">此处显示 id "main" 的内容</div>

：IE6会在两个div中间加上3px的空隙，那么要解决这个问题，

：请在#side上加上_margin-right:-3px;记住，前边加上一下划线，

：这样这个样式专门针对IE6生效。IE7和FF下还会正常显示。

6 IE6的双倍边距bug

：这又是IE6一个著名的bug，也是我们经常遇到的。

：如上例，当浮动后设置左侧外边距时后，最左侧将显示为双倍边距，

：比如设置为20，而在IE6下却显示40px，

：解决这个问题只需应用一个样式，大家记住就可以了

display:inline