现在的位置: 首页 ＞Web前端＞正文
小 中 大
判断是否IE6，如果是则提示升级浏览器
2011年01月10日 ⁄ Web前端 ⁄ 转载：原文链接 ⁄ 共 1377字 ⁄ 评论数 20 ⁄ 被围观 3,809+

一个与浏览器有关的脚本 ，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。只有使用IE6浏览器才会看到效果

  1. <html>
  2. <head>
  3. <title>判断IE版本并给出提示升级浏览器</title>
  4. </head>
  5. <style type="text/css">
  6. #ie6-warning{
  7. background:rgb(255,255,225) url("图片地址") no-repeat scroll 3px center;
  8. position:absolute;
  9. top:0;
  10. left:0;
  11. font-size:12px;
  12. color:#333;
  13. width:97%;
  14. padding: 2px 15px 2px 23px;
  15. text-align:left;
  16. }
  17. #ie6-warning a {
  18. text-decoration:none;
  19. }
  20. </style>
  21. <body>
  22. <br /><br />
  23. <!--[if lte IE 6]>
  24. <div id="ie6-warning">您正在使用 Internet Explorer 6，在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
  25. </div>
  26. <script type="text/javascript">
  27. function position_fixed(el, eltop, elleft){
  28. // check if this is IE6
  29. if(!window.XMLHttpRequest)
  30. window.onscroll = function(){
  31. el.style.top = (document.documentElement.scrollTop + eltop)+"px";
  32. el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
  33. }
  34. else el.style.position = "fixed";
  35. }
  36. position_fixed(document.getElementById("ie6-warning"),0, 0);
  37. </script>
  38. <![endif]-->
  39. </body>
  40. </html><!-- .Net Stat -->
  41. <div style="display:none;">
  42. <script type="text/javascript" src="/.net/js/stat.js"></script>
  43. </div>
返回

作者:

该日志由 知更鸟 于499 天前发表在Web前端分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
转载请注明: 判断是否IE6，如果是则提示升级浏览器 | 知更鸟 +复制链接
关键字:
【上篇】
【下篇】

您可能还会对这些文章感兴趣！

  1. 15个效果非常炫的jQuery插件
  2. 几个jQuery滚动到顶部（Scroll to top）解决方案
  3. 25 个优雅的 jQuery Tooltip 插件
  4. Google电吉他扩展版
  5. 60款jQuery 幻灯片
  6. 经典JavaScript正则表达式实战
  7. php正则表达式的特殊字符含义
  8. 10个jQuery Lightbox （暗箱）脚本
多核CPU加快Windows7启动速度的方法
修正HotNews Pro 2.7版一处不太和谐的样式
WopusIDC美国Cpanel主机升级公告
使用DD_belatedPNG让IE6支持PNG透明图片

目前有 20 条留言 其中：访客:16 条, 博主:4 条

  1. 嘍啰 : 2011年01月11日 498 天前 10:00:22  1楼 @回复 回复

    呵呵 謝謝分享！

  2. 恋上苹果 : 2011年01月11日 498 天前 10:22:12  2楼 @回复 回复

    嘿嘿，懒惰的朋友，可以直接挂个JS。
    http://www.neoease.com/lets-kill-ie6/

  3. wordgold : 2011年01月11日 498 天前 10:50:29  3楼 @回复 回复

    这个效果更炫一点
    http://yu123.me/2010/12/jquery-ad-plugins/

  4. 韩国 : 2011年01月11日 498 天前 11:05:27  4楼 @回复 回复

    升级浏览器。

  5. 夜色AAA : 2011年01月11日 498 天前 12:02:45  5楼 @回复 回复

    搞回去试试。谢谢分享！

  6. 歪歪苹果 : 2011年01月11日 497 天前 18:04:46  6楼 @回复 回复

    鸟哥、请教一下，主题下面的【返回首页】后面的分类链接如何实现让它不显示下拉子分类呀？
    可以实现自己定制吗 ？
    还望鸟哥多多指点一二~~

  7. agan : 2011年01月11日 497 天前 18:35:56  7楼 @回复 回复

    请问内容中的源代码显示样式，用的什么插件，谢谢诶。

  8. cgrabbit/兔了吧唧网 : 2011年01月12日 497 天前 16:27:48  8楼 @回复 回复

    很希望也建议鸟哥能出一个蓝色风格版本的2.4主题。。。或者更新补丁。。。谢谢！

  9. dianlan : 2011年01月16日 492 天前 18:07:03  9楼 @回复 回复

    试试头像。

  10. 最有效的减肥药 : 2011年01月18日 491 天前 12:53:39  10楼 @回复 回复

    还是这个比较实用！

  11. 情人节巧克力 : 2011年01月19日 490 天前 16:23:49  11楼 @回复 回复

    现在人家都开始用ie9啦

  12. 蛋糕 : 2011年01月27日 481 天前 18:04:05  12楼 @回复 回复

    悲剧的IE6

    • 知更鸟 : 2011年01月27日 481 天前 23:39:32 @回复 回复

      IE6本身，绝对经典，是现在用IE6的才悲剧

  13. rztoo : 2011年05月11日 378 天前 15:33:18  13楼 @回复 回复

    正好想找这个呢。

  14. 400电话办理 : 2011年11月01日 204 天前 14:42:19  14楼 @回复 回复

    悲剧了，wordpress是不是用的这个代码实现的功能

    我的站来的用户大部分都用的360 IE6 8的，得对他们的口味呐

Wopus问答

给我留言

留言无头像?

留言不能超过1500字，已输入字数：

插入图片

返回首页

Copyright © 2007-2012 知更鸟  保留所有权利.   基于 WordPress 技术创建   Theme by Robin   采用 Linode 主机   
×
新浪微博
腾讯微博