一个热爱网络的小学教师

为网站添加IE6升级提示(JavaScript+jQuery两种方法)

最近修改了一个Wordpress主题,期间为了IE6的兼容问题头疼不已,由于我不是专门搞代码的,水平有限,费了很大的劲也没有搞定主题字IE6下的显示,最终不得不放弃了。最后为主题添加了IE6的升级提示,算是绕过了这个问题。

一、JavaScript实现IE6升级提示

代码如下:




 New Document 




警告

您目前使用的浏览器版本过于陈旧,请您立即更新你的浏览器!

Chrome Firefox Opera Safari Internet Explorer 9

二、jQuery实现IE6升级提示

1、html代码:


2、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;}

3、jQuery代码:

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

由于ghost XP系统的存在,现在还有许多用户在使用老旧的IE6,但是微软官方早已发布通知,2014年将停止IE6的更新,将来IE6的安全问题将更加严重,建议所有还在使用IE6的朋友(包括某些IE内核的国产浏览器)赶紧升级到更高的版本吧!

赞(0) 打赏
转载请标明出处:高海鹏老师的博客 » 为网站添加IE6升级提示(JavaScript+jQuery两种方法)
分享到: 更多 (0)

留言 抢沙发

Protected by WP Anti Spam
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏