让网站支持老版本IE6、7、8、9浏览器的解决方法有哪些

发布时间:2021-09-30 17:51:38 作者:iii
来源:亿速云 阅读:108

这篇文章主要讲解了“让网站支持老版本IE6、7、8、9浏览器的解决方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“让网站支持老版本IE6、7、8、9浏览器的解决方法有哪些”吧!

htmlshiv.js

Remy的 HTML5shiv通过JavaScript 来创建HTML5元素(如 main, header, footer等).在某种程度上通过JavaScript 创建的元素是 styleable(可样式)的。我们可以花很多时间来思考其运行原理,但谁会在乎呢?这种策略在所有产品网站上仍然是必须使用的.

代码如下:

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


selectivizr.js

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

代码如下:

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


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

<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浏览器仍然比较流行,特别是在发展中国家。好消息是,这些资源在所有现代浏览器上运行良好,代价也并不高!

感谢各位的阅读,以上就是“让网站支持老版本IE6、7、8、9浏览器的解决方法有哪些”的内容了,经过本文的学习后,相信大家对让网站支持老版本IE6、7、8、9浏览器的解决方法有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. Xcode 9 新建的工程如何支持 iOS 8
  2. IE8不支持jQuery版本的解决方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ie

上一篇:如何理解JavaScript继承

下一篇:手机APP用户界面设计有哪些建议

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》