浏览器兼容性以及写法

浏览器的兼容性以及写法

第一个 清除浮动的兼容性

第二个 透明度的兼容写法

第三个 js获取节点的兼容写法

清楚浮动在低版本浏览器不行，需要处理兼容性加一个 .clearfix{ *zoom：1；}

为什么加了  .clearfix{*zoom：1;} 它是专门针对ie 6/7低版本的，如果没有加   .clearfix{*zoom：1；}如果是ie 6/7你给这个元素加了clearfix不起作用，只有加它再给这个父级加  clearfix 才有效果。它是解决ie清除浮动在低版本浏览器兼容性

第二个 透明度的兼容写法

rgb 和rgba 和oopacity

rgb是颜色的表达方法值是 0-255

如 background：rgb（12，13，14）

opacity 表示透明度值是0-1；

rgba（）人是red0-255  g是green 值是0-255 b是blue值是0-255 a是opacity值是 0-1

但是ie低版本不支持。、

加一个样式 它是ie低版本透明的兼容写法

 filter：alpha(opacity=50)

rgb 和opacity与rgba的区别?

前者内容也跟着透明，后者内容不跟着透明

第三个 js获取节点的兼容写法

document.body 获取的是文档中的body标签

document.documentelement 获取的是文档中的根节点

document.body.clentwidth

document.documentelement.ctentwidth

这是谷歌的

二者获取width的值不一样差16px，怎样让他们一样。

 

 

ie浏览器低版本不支持 document.documentelement

兼容性写法

var w=document.documentelement.clientwidth||document.body.clientwidth

获取浏览器的可见长度