让老IE也能正确显示HTML5&CSS3网站的3种方法 - 骑猪看月亮
  登陆
最新消息: 老是忘了更新啊~~


让老IE也能正确显示HTML5&CSS3网站的3种方法

技巧资料 骑猪看月亮 1980次浏览 2条评 论

IE是我们上网必不可少的东西,但是随着新生事物的发展和网页技术的不断革新,在很多方面IE的浏览效果和用户体验已跟不上时代的步伐了,IE浏览器已远远滞后于Google Chrome(谷歌浏览器)和Mozilla Firefox(火狐浏览器)。而如何让新的网站构架兼容早期的IE浏览器呢?下面提到的三种方法能够快速轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行:

1、htmlshiv.js

Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。可以使用JavaScript创建这些本来不存在的HTML5新元素,这个脚本几乎是所有正式在线网站必用的js。

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

2、selectivizr.js

Selectivizr.js是一款非常神奇的工具,它能提供大量IE不支持的CSS选择器和属性,包括所有的last-child选择器。在网站中使用selectivizr.js,可以让网站毫不走样的在老式IE浏览器的正常显示。下面代码片段:(新技术网站项目不可缺少的js库)

<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->

3、<html>条件判断注释

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 lazy " lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

这段代码不需要JavaScript的支持,更不需要等待JavaScript的加载,定义的CSS样式会立即生效,没有因为加载而变得缓慢。

 

囧 亲 晕 酷 哭 馋 闭嘴 调皮 贪 奸 怒 嘿 羞 汗 色 惊 萌 悲 笑 惊 狂 吃
囧 亲 晕 酷 哭 馋 闭嘴 调皮 贪 奸 怒 嘿 羞 汗 色 惊 萌 悲 笑 惊 狂 吃

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论(2)

  1. avatar
    这个在采用html5和css3的网站上是必备的js。
    明月浩空 2014-10-04 22:00 回复
    • avatar
      @明月浩空:恩,必备的,IE已经快跟不上时代的步伐了
      骑猪看月亮 2014-10-05 01:24 回复