IE常见问题兼容
1:让低版本IE兼容H5标签
解决方案:引入一个插件:html5.js,(除了媒体播放器),
项目写法:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <!--[if lt IE 10]> 2 3 <script src="js/html5.js"></script> 4 <![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:事件绑定方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 //添加监听事件 2 function addEvent( obj, type, fn ) { 3 if ( obj.attachEvent ) { 4 obj['e'+type+fn] = fn; 5 obj[type+fn] = function(){obj['e'+type+fn]( window.event );} 6 obj.attachEvent( 'on'+type, obj[type+fn] ); 7 } else{ 8 obj.addEventListener( type, fn, false ); 9 } 10 11 } 12 //移除监听事件 13 function removeEvent( obj, type, fn ) { 14 if ( obj.detachEvent ) { 15 obj.detachEvent( 'on'+type, obj[type+fn] ); 16 obj[type+fn] = null; 17 } else { 18 obj.removeEventListener( type, fn, false ); 19 } 20 }
待发现,待解决,待更新……