提示用户升级IE6浏览器的办法

时间:2013-05-27 13:41:19

IE6一直饱受设计者们的诟病,互联网风云变幻十多年,唯一没变的就是这款在当初被微软内置在winxp系统而又火的不行的浏览器。而如今,在日新月异的网络环境下,IE6却让一个原本美观整洁的网页变得满目疮痍,甚至是惨不忍睹。


4636fecb15e3108950cb970d056688f3_big.png


相比一些一些没有升级浏览器的网民而言,IE6带给网页设计者们的却是深深的苦难,网页设计者们为了能兼容这款已经严重落后却又至今占据着庞大用户市场的浏览器不知花费了多少时间和精力,抹杀了多少设计者们的本就入不敷出的脑细胞。。。

下面这段代码,是一段检测并提示用户升级IE6浏览器的代码,在不影响自身体验的情况下,大家可以结合CSS灵活运用,也算间接为同行们做出一些贡献。

XML/HTML 代码
  1. <style type="text/css">

  2. #ie6shengji{    

  3. position:absolute;    

  4. top:10px;    

  5. left:0;    

  6. font-size:14px;    

  7. color:#ff0000;    

  8. width:97%;    

  9. padding: 2px 15px 2px 23px;    

  10. text-align:left;    

  11. }    

  12. </style>

  13. <body><!--body下面代码-->

  14. <!--[if lte IE 6]>

  15. <div id="ie6shengji">亲爱的朋友,您正在使用浏览器版本严重过低(IE6,或使用IE内核的国产浏览器),请升级新版IE8,Chrome,火狐等浏览器。</div>

  16. <script type="text/javascript">

  17. function position_fixed(el, eltop, elleft){    

  18. // check if this is IE6    

  19. if(!window.XMLHttpRequest)    

  20. window.onscroll = function(){    

  21. el.style.top = (document.documentElement.scrollTop + eltop)+"px";    

  22. el.style.left = (document.documentElement.scrollLeft + elleft)+"px";    

  23. }    

  24. else el.style.position = "fixed";    

  25. }    

  26. position_fixed(document.getElementById("ie6-warning"),0, 0);    

  27. </script>

  28. <![endif]-->

这段代码在其他浏览器下不会生效,在IE6下会在页面顶端出现如19行所示文字。结合CSS可以灵活设计出各种提示效果,给I网页增加不少亲和力和人性化。

 

本站所有文章均为小宇博客原创,转载请注明来源及出处!

作者:宇天行 (关于我

本文首发地址:https://www.huceo.com/post/309.html

或许您还会喜欢这些文章:

Tags: 作者:宇天行 | 分类:开发技术 | 评论:43 | 浏览:8330

您正在以游客身份发表评论:

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

好文章啊。
宇天行2016-12-09 15:02:56回复评论
呵呵,测试一下效果如何!
宇天行2016-11-25 13:12:59回复评论
呵呵,测试一下效果如何!
萨龙龙2014-05-13 18:31:35回复评论
IE6确实太让人头痛,但我不想头痛,所以彻底放弃了。
小抖籽2014-04-23 14:58:33回复评论
www.hfzowoo.cn
nba直播2014-03-12 20:57:37回复评论
好教程,赞一个
宇天行2013-11-22 15:16:14回复评论
呵呵,测试一下效果如何!
萨龙龙2014-05-13 18:31:35回复评论
IE6确实太让人头痛,但我不想头痛,所以彻底放弃了。
小抖籽2014-04-23 14:58:33回复评论
www.hfzowoo.cn
百家乐讯特2014-03-15 16:34:26回复评论
我是没有遇到这样的问题
nba直播2014-03-12 20:57:37回复评论
好教程,赞一个
宇天行2013-11-22 15:16:14回复评论
呵呵,测试一下效果如何!
宇天行2013-06-07 21:48:57回复评论
同样,你也加油
宇天行2013-06-07 21:48:42回复评论
可以试试。。。
宇天行2013-06-07 21:48:28回复评论
嗯,现在ie6的份额在浏览器厂商的竞争下,已经越来越小了
如何减肥2013-10-21 13:18:11回复评论
非常不错的方法,值得一试.
迷你键盘2013-09-14 09:58:10回复评论
这个办法很给力的啊
xiaotianx2013-09-03 11:15:12回复评论
方法不错,可以试试
写的不错,加油博主!
台式万用表2013-08-10 09:33:42回复评论
这些方法都不容易的
硅酸钙板2013-08-06 15:01:33回复评论
说的非常的不错哟
QQ农场2013-08-02 16:33:17回复评论
IE6,落后国家才用IE6!
根本不用理会使用IE6的
天骄之弓2013-08-01 18:47:25回复评论
顶 支持博主 加油
视频贺卡2013-07-20 11:13:15回复评论
提升下也不错呀
防爆电器2013-07-20 09:54:10回复评论
谢谢楼主分享,学习了。
天津装修2013-07-18 08:49:49回复评论
自己多留意也就可以了呀
2013-07-14 14:24:15回复评论
谢谢楼主的分享 IE6太垃圾了。
这个办法也挺好的
呼叫器2013-07-14 10:33:59回复评论
不错,学习了
这个办法还不错的嘞
博主写得很好,支持你。
原梓番2013-07-03 22:54:58回复评论
从我网站的数据看,现在还有相当一部分人在用IE6
活动房1wwwfff2013-06-29 09:49:24回复评论
二、主营产品
度哥2013-06-26 08:04:19回复评论
ie6确实不好用
还ie6哈!亲
套利团2013-06-20 22:45:56回复评论
感觉也就咱们这还有那么多用IE6的。
lvv2.com2013-06-19 17:30:39回复评论
旅途观光团前来围观
投资顾问2013-06-09 15:30:44回复评论
IE6也应该退出舞台了
很强大,支持下
lvv2.com2013-06-02 14:12:40回复评论
旅途社区观光团,路过,,,,博主加油。。
宇天行2013-06-07 21:48:57回复评论
同样,你也加油
扎金花2013-06-02 01:13:02回复评论
楼主说的不错,支持一下,谢谢提供代码,等下去试试看
宇天行2013-06-07 21:48:42回复评论
可以试试。。。
朋林阁2013-06-02 01:11:57回复评论
嗯,IE6的兼容问题的确让设计师十分头疼。
宇天行2013-06-07 21:48:28回复评论
嗯,现在ie6的份额在浏览器厂商的竞争下,已经越来越小了