css兼容問題
1.IE6下元素最小高度19px
解決方案：
設置該元素的 overflow:hidden;
2.IE6下display：inline-block不管用
解決方案：
display: inline-block;
*display:inline;
*zoom:1;
3.當元素浮動後再設置margin那麽就會產生雙倍邊距
解決方案：
針對ie6、7添加 *display:inline
4.li裏元素都浮動， li 在IE6 7 下，會產生4px間隙問題
解決方案：
針對ie6，7給 li 添加 *vertical-align: top;
5.兩個浮動元素中間有註釋或者內聯元素並且和父級寬度相差不超過3px,導致多復制一個文字問題
解決方案：
1、兩個浮動元素中間避免出現內聯元素或者註釋
2、與父級寬度相差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");
}
css兼容問題