浏览器兼容性及解决办法

常见浏览器： 百度 遨游 uc 谷歌 火狐 搜狗 qq 360 欧朋 海豚 （Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游）

五大浏览器内核

trident （ ie ）
gecko （Mozilla firefoxgecko）
prezto （operapresto 公认速度快）
webkit （Safari Chrome）
blink 基于webkit（Google 和 opera 开发的浏览器排版引擎）

ie6常见css解析bug及hack

1 图片有边框
hack：给图片加border：0 /none
2 图片间隙，div里嵌套img会产生3-6像素间隙
3双向浮向（双倍边距）（只有ie6出现）
hack：给浮动元素加申明，display：inline
4 ie6及以下款元素有默认高度
hack1：font-size：0
hack2：overflow：hidden
5表单元素行高对齐不一致
hack：float：left
6百分比bug
ie6，会按照四舍五入，50%+50%》100%
hack： clear：right /left/both（清楚有浮动）
7透明属性
opacity：value
ie浏览器写法 filter:alpha（opacity=value）
8li列表的BUG
a 当父元素(li) 有float:left;子元素(a) 没设置浮动的情况下会出现垂直bug；
Hack:给父元素li和子元素a都设置浮动；
b 当给li中的a转成block；并且有height,并有float的，li中没设置浮动会出现阶梯显示hack：同时给li加float;
9当前元素(父元素里面第一个子元素)与父元素没有设置任何浮动的情况下，设置margin-top后，会错误的把margin-top加在父级元素上
hack:1、给父级元素添加overflow:hidden;(推荐使用)
hack：2、给父元素或者子元素加浮动

附上cursor属性：
auto默认
crosshair加号
text文本
wait等待
help帮助
progress过程
inherit继承
move移动
ne-resize向上或向右移动
pointer手形