浏览器兼容的那些事（笔记）

JS系列：

1.所有的相对路径都别拿来做判断：

　　（img src）/ ( href="1.jpg")

2.颜色值不要拿来做判断：

　　（color:red） / （#ffffff）/ （rgb(255,255,255)）

3. innerHTML值不要拿来做判断

4.替换表单属性，如下面例子：

<input id="but1" type="button" value="提交">
<script>
     var oBut1 =$('but1');
     oBut1.onclick = function(){
         oBut1.type = 'checkbox';
         // IE6,IE7,IE8 不支持，会报错
         //解决办法，可以先调用到checkbox的勾选框，但是先隐藏掉，当点击button事件后，隐藏button，然后显示checkbox
     }
</script>

5.float的兼容性问题，如下面例子：

<script>
     oDiv1.style.float = 'left'; //需求内容
     //方式1：需要写2个功能
     oDiv1.style.styleFloat = 'left' //满足IE兼容
     oDiv1.style.cssFloat = 'left' //满足非IE兼容
     //方式2：先写一个left样式 .left{float:left},然后通过替换需求对象的className来实现
</script>

 6：css如何设置透明度(兼容ie,firefox)：

<style>
    opacity:0.6;   //firefox
    filter:alpha(opacity=60);   //兼容IE。
</style>

 

css如何设置透明度(兼容ie,firefox)