提示用户升级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 | 浏览:6868