css兼容問題

1.IE6下元素最小高度19px

解決方案：
設置該元素的 overflow:hidden;

2.IE6下display：inline-block無論用

解決方案：

display: inline-block;
*display:inline;
*zoom:1;

3.當元素浮動後再設置margin那麼就會產生雙倍邊距

解決方案：
針對ie六、7添加 *display:inline

4.li裏元素都浮動， li 在IE6 7  下，會產生4px間隙問題

解決方案：

針對ie6，7給 li  添加 *vertical-align: top;

5.兩個浮動元素中間有註釋或者內聯元素而且和父級寬度相差不超過3px,致使多複製一個文字問題

解決方案：
一、兩個浮動元素中間避免出現內聯元素或者註釋
二、與父級寬度相差3px或以上

6.

\9 IE10以及IE10如下版本的
* IE7以及IE7如下版本的
_ IE6以及IE6如下版本的

例如：

div{
width: 200px;
height: 200px;
background-color: red
background-color: blue\9;
*background-color: green;
_background-color: yellow;
}

7.IE6不支持png24 圖片。

解決方案：

（1）JS插件(問題:不能處理body之上png24)

  DD_belatedPNG.fix('xxx');   //xxx表示做用的元素，如img,div等

 （2）原生濾鏡

  _background:none;

  _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XX.png", sizingMethod="crop");

例如：

body{ width: 500px; height: 500px; background:red url("img/png.png") no-repeat; _background-image:none; _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop"); }