为网站添加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内核的国产浏览器)赶紧升级到更高的版本吧!

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250784.html

(0)
上一篇 2022年4月30日
下一篇 2022年4月30日

相关推荐

发表回复

登录后才能评论