为网站添加IE6升级提示

作者:norion时间:2012年5月7日评论次数:3 条

IE6的是一款横跨十年的浏览器,作为一枚前端,对其已经失望透顶,但其在中国的市场比仍旧很高,中国大量的PC上安装的都是盗版Windows XP,而Windows XP上的预装浏览器就是IE6。

面对如今硬件加速和支持HTML5的浏览器来说,IE6无论在安全性和兼容性上简直就是一垃圾中的垃圾,而对搞UED和前端的设计师而言,更是如噩梦般的存在。但是我想,无论你是普通用户还是网站开发人员或者是国内的浏览器开发者,我们都应该采取一些措施,共同促进IE6的灭亡。

作为一枚前端开发人员争取放弃兼容IE6,如果可以请添加对IE6用户设置了升级的提示。以下是本站为网站添加IE6升级提示的方法,可以直接添加,当然我适用的是jQuery框架,如果需要原生的小改js一下就可以了。

为网站添加IE6升级提示

html代码:

<!--[if lte IE 6]>
<div id="ie6-warning"><p>本页面采用HTML5+CSS3,您正在使用 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></p></div>
<![endif]-->

css代码:

/*ie6提示*/
#ie6-warning{width:100%;position:absolute;top:0;left:0;background:#ffffe1;padding:5px 0;font-size:12px}
#ie6-warning p{width:960px;margin:0 auto;}

jQuery代码:

jQuery(function ($) {
	if ( jQuery.browser.msie && ( jQuery.browser.version == "6.0" ) && !jQuery.support.style ){
		jQuery('#ie6-warning').css({'top':jQuery(this).scrollTop()+'px'});
	}
});

标签:

上一篇: 简单的jQuery提交提示封装

下一篇:删除分类多余的class和移除title

相关文章

评论

  1. Henpuri
    七月 25, 2012 16:39:16 #1

    建议加上关闭按钮。 🙂

    @回复
    • norion
      七月 25, 2012 17:47:17

      恩恩~~ 建议不错!这样可以提高体验性。。。

      @回复
      • Henpuri
        七月 31, 2012 20:19:20

        嗯,是的哦~

        @回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注