为网站添加IE6升级提示

作者:沙师弟时间:2012-05-23
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'});
	}
});