divcss2014-07-14 02:49:55 5174
兼容IE浏览器一直是网页前端开发中比较头疼的事情,因为各个版本的IE浏览器能识别的元素不同,或者相同的元素之间会出现布局上的差异。所以,为了提高用户体验,我们有时候不得不在html页面上写一些专门针对于IE浏览器不同版本的代码,来让页面元素显示,布局达到一致。而我们写的这些代码又不希望被其他浏览器或者其他的IE版本识别到并且解析。所以,下面来所说怎样写出针对于特定版本的IE浏览器的代码。
//只有IE7能识别的代码 <!--[if IE 7]> <style type="text/css"> CSS代码 </style> <script type="text/javascript"> JS脚本 </script> <![endif]--> //只有IE8能识别的代码 <!--[if IE 8]> <style type="text/css"> CSS代码 </style> <script type="text/javascript"> JS脚本 </script> <![endif]--> //只有IE9能识别的代码 <!--[if IE 9]> <style type="text/css"> CSS代码 </style> <script type="text/javascript"> JS脚本 </script> <![endif]--> //只有IE10能识别的代码 <!--[if IE 10]> <style type="text/css"> CSS代码 </style> <script type="text/javascript"> JS脚本 </script> <![endif]-->
代码很简单,有时候作用却非常大。
彭亚欧个人博客原创文章,转载请注明出处
文章关键词:htmlIE浏览器兼容 IE识别独特的html代码
文章固定链接:https://www.pengyaou.com/legendsz/front/divcss/MzY=.html
上一篇 Jq导航系列-侧边栏
下一篇 纯Js组合快捷键注册插件