最新消息:由于垃圾评论泛滥,本站使用了自动删除评论mysql语句,评论请勿使用纯英文或数字

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

技巧资料 骑猪看月亮 332浏览 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样式会立即生效,没有因为加载而变得缓慢。

 

转载请注明:骑猪看月亮 » 让老IE也能正确显示HTML5&CSS3网站的3种方法

发表我的评论
取消评论
表情

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

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

网友最新评论 (2)

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