解决IE低版本对H5兼容性问题
2019-06-09 09:47
946 查看
兼容处理(解决IE低版本对H5的兼容问题)
-
在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只需要将其转换成块元素(block)即可使用,但是在IE9版本以下,并不能正常解析这些新标签,但是却可以识别通过document.createElement(‘tagName’)创建的自定义标签,于是我们的解决方案就是将HTML5的新标签全部通过document.createElement(‘tagName’)来创建一遍,这样IE低版本也能正常解析HTML5新标签了。
-
处理方式:在实际开发中我们更多采用的是通过检测IE浏览器的版本来加载三方的一个JS库来解决兼容问题(测试在IE下面的兼容性:ieTester软件的使用)
, 主要是针对于ie低版本的,也就是只有低版本ie才执行才对。
<!--[if lt IE 9]> <script src="js/respond.js"></script> <script src="js/html5shiv.min.js"></script> <![endif]—>
respond.js 目的是为了解决 ie低版本的CSS3媒体查询 media query
条件注释 了解 示例
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lte IE 6]> IE6以及IE6以下版本可识别 <![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> <!--[if IE 7]> 仅IE7可识别 <![endif]--> <!--[if lt IE 7]> IE7以下版本可识别 <![endif]--> <!--[if gt IE 7]> IE7以上版本可识别 <![endif]--> <!--[if IE 8]> 仅IE8可识别 <![endif]--> <!--[if IE 9]> 仅IE9可识别 <![endif]-->
示例:
<!-- 条件注释 ie 6.7.8 能执行,其余浏览器忽略这句话 --> <!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]-->
相关文章推荐
- IE6-IE9兼容性问题列表及解决办法_补充之六:锁表头的JQuery方案和非JQuery方案。(不支持IE6,7,8)
- Jquery解决'placeholder'针对IE的兼容性问题
- 【转】 解决IE5/IE5.5/IE6/FF的兼容性问题
- IE6-IE9兼容性问题列表及解决办法_补遗漏之一:button的type默认值改变为submit了。
- js在各IE版本页面兼容性问题
- jquery 事件冒泡 解决 ie firefox 兼容性问题
- 如何解决IE版本兼容问题
- 解决DIV+CSS设计在IE6/IE7/IE8/火狐-兼容性问题
- IE兼容性问题解决方案2--css样式兼容标签
- 解决DIV+CSS设计在IE6/IE7/IE8/火狐-兼容性问题
- ie高版本浏览器不支持velocity的问题解决
- 火狐,IE display兼容性问题解决
- IE6-IE9兼容性问题列表及解决办法_补遗漏之二:CSS区分大小写,Style中height需要加px
- IE6、IE7、IE8、IE9兼容性问题解决办法
- 关于解决jq不同版本兼容性问题
- 解决IE低版本不支持call和apply问题
- 解决IE,火狐对Documnet,iframe的兼容性问题
- Firefox和IE兼容性问题及解决方法总结
- 如何解决IE版本兼容问题
- javascript和css在ie和firefox中关于兼容性问题的解决办法