4当前位置:网页制作HTML教程让网站支持老版本IE浏览器的3种…
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·link标签media参数的含义小结
·让IE完美支持HTML5/CSS3的方法
·让网站支持老版本IE浏览器的3种解决方法
·网页头部多出一行空白甚至样式错乱等问题的分析
·HTML5大潮已袭来,HTML5曲折的发展之路
·漂亮的DIV+CSS+JQUERY网站后台模板
·HTML4和HTML5之间的10个主要不同之处
·简述html的3种列表ul、ol、dl
·适合网站后台的Popup Menu
·IE6中出现"文字自动重复"错误的原因和解决方法
4热门网页制作
·两种网页滚动字幕代码
·设置select宽度
·在网页中实现细线边框的两种方法
·HTML语法基础及规则
·滚动字幕标记(marquee)的使用
·表单提交后submit按钮变灰
·隐藏状态栏的超链接信息
·如何让浏览者记住你的网站
·隐藏网页源代码方法汇总
·制作漂亮的三维表格
4相关网页制作
·漂亮的滑动门菜单
·页面head区规范
·设置iframe背景透明
·50条网页制作小技巧集锦
·表单按钮的使用
·XHTML+CSS页面转换为打印机页面
·模仿AS效果的导航菜单
·几种网页元素居中方案小结
·取得input中选中的值
·页面head区规范
让网站支持老版本IE浏览器的3种解决方法
类别:HTML教程    来源:网络    时间:2014/4/25    贴士:推荐给好友
收藏本页 8 
  虽然后来微软对浏览器进行了大量的研发,但事实是现代IE浏览器在大多数时候比基于webkit的浏览器以及火狐要落后一些,我们也还需要适配早期版本的IE。下面的方法会让你的网站更快,甚至在微软旗舰浏览器上奇迹般地运行得更好!

  1、htmlshiv.js

  Remy的HTML5shiv通过JavaScript来创建HTML5元素(如main、header、footer等),在某种程度上通过JavaScript创建的元素是styleable(可样式)的。我们可以花很多时间来思考其运行原理,但谁会在乎呢?这种策略在所有产品网站上仍然是必须使用的。
<!--[if lt IE 9]> 
<script src="dist/html5shiv.js"></script>
<![endif]-->



  2、selectivizr.js

  Selectivizr.js是一个不可思议的资源,用于填充不支持的CSS选择器和属性,包括重要的last-child。在最近的重设计中,我嵌入了selectivizr,并在更老的IE浏览器上也不会错过任何细节。下面是我的实现代码:
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->


  现代项目绝对必须的,只在老IE时才加载。

  3、<html> Conditional Comments

  下面这样最土的情况你肯定看到过,但无论丑陋与否,事实上这段代码完全按预期的方式运行:
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->


  这个代码片段不需要或等待JavaScript,而且也不需要重量级的JavaScript库。你定义的styles类立即生效,还没有闪屏。

  尽管Internet Explorer正在迎头赶上竞争对手,但事实上老的IE浏览器仍然比较流行,特别是在发展中国家。好消息是,这些资源在所有现代浏览器上运行良好,代价也并不高!
·上一篇:网页头部多出一行空白甚至样式错乱等问题的分析
·下一篇:让IE完美支持HTML5/CSS3的方法
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号