IE常见问题兼容

1:让低版本IE兼容H5标签

  解决方案：引入一个插件：html5.js，(除了媒体播放器)，

  项目写法：

       

<!--[if lt IE 10]>

         <script src="js/html5.js"></script>
<![endif]-->

   文件下载地址：https://github.com/awarriorer/compatibilityLowVersionForIE/

2：让低版本IE兼容H5 video视频播放器

   解决方案：引入一个插件，html5media.min.js同时需要把对应的flash(flowplayer.controls.swf[控制组件], flowplayer.swf[播放器])和js放在同一个目录。该插件的主要思想，把mp4通过flash插件播放出来。

   文件下载地址：https://github.com/awarriorer/compatibilityLowVersionForIE/

3：低版本IE实现Css3圆角

   解决方案：引入插件jquery.corner.js，本插件依托jquery。

   弊端：不能用彩色的底色，只能用白色，(如果打开控制台会发现，其实是js生成了好多个div,中间透明，白色的边。可能是我理解的还不到位，也希望知情者指正)

   Js下载地址：https://github.com/awarriorer/compatibilityLowVersionForIE/

   插件调用Api：http://www.zhangxinxu.com/study/201001/jquery-plugin-round-corner.html

4：低版本IE支持Css3选择器，

   解决方案：通过jquery选择器去弥补吧，略感鸡肋

 5：检测浏览器是否支持除css3属性

// 检测浏览器是否支持一个css3属性
function supportCss3(style) { 
    var prefix = ['webkit', 'Moz', 'ms', 'o'], 
        i, 
    humpString = [], 
    htmlStyle = document.documentElement.style, 
    
    _toHumb = function (string) { 
        return string.replace(/-(w)/g, function ($0, $1) { 
        return $1.toUpperCase(); 
        }); 
    }; 
     
    for (i in prefix) 
        humpString.push(_toHumb(prefix[i] + '-' + style)); 
     
        humpString.push(_toHumb(style)); 
     
    for (i in humpString) 
        if (humpString[i] in htmlStyle) return true; 
     
    return false; 
}

6：事件绑定方法

//添加监听事件
function addEvent( obj, type, fn ) { 
    if ( obj.attachEvent ) { 
        obj['e'+type+fn] = fn; 
        obj[type+fn] = function(){obj['e'+type+fn]( window.event );} 
        obj.attachEvent( 'on'+type, obj[type+fn] ); 
    } else{
        obj.addEventListener( type, fn, false ); 
    } 
        
} 
//移除监听事件
function removeEvent( obj, type, fn ) { 
    if ( obj.detachEvent ) { 
        obj.detachEvent( 'on'+type, obj[type+fn] ); 
        obj[type+fn] = null; 
    } else {
        obj.removeEventListener( type, fn, false ); 
    }
}  

待发现，待解决，待更新……