浏览器兼容

浏览器兼容

五大浏览器内核
Trident： IE ,Maxthon ，Theworld ,360
Gecko：Firefox
Webkit：Chrome
Presto：Opera
Blink

IE6常见CSS解析Bug及hack
1.图片间隙（ie6及更低版本中）再div中插入图片，图片会在div下撑大3px
hack1：将<img>转换为块状元素，给<img>添加display:block;

2.双倍浮向(双倍边距)（ie6及更低版本中）解析浮动元素时，会把浮向边界加倍显示
hack：给浮动元素添加声明：display:inline;

3.默认高度(IE6)部分块元素拥有默认高度(低于18px高度)
hack1：添加声明：font-size:0;
hack2：ovweflow:hidden;

4.表单元素行高不一致(IE,MOZ,C,O,S)
hack：表单元素添加 ：float:left;

5.按钮元素默然大小不一致
hack1：统一大小（用a标记）
hack2：在input上写按钮样式，去掉input边框
hack3：如果按钮是图片，设为背景图

6.百分比 （在ie6及以下版本中解析百分比，会按四舍五入计算导致50%+50%>100%的情况） 
hack:给右面的浮动元素添加声明：clear:right;

7.鼠标指针bug
hack：统一某元素鼠标指针为手型，添加声明：cursor:pointer;（IE6及其他）cursor:hand;（IE6以下）

8.透明属性
IE浏览器写法：filter:alpha(opacity=value)取值范围（1-100）
兼容其他浏览器写法：opacity:value;(value的取值范围0-1,0.1,0.2...0.9)
 

过滤器(filter)

1.下划线属性过滤器（IE6及以下识别，其他忽略）
语法：选择符{_属性:属性值;}

2.!important关键字过滤器(最高优先级，IE6及更低版本不能识别)
语法：选择符{属性:属性值!important;}

3.*属性过滤器(只能被IE7浏览器识别，其他忽略)
语法：选择符{*属性:属性值;}