给网站添加IE6升级提示代码的方法

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

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

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

最简单办法

 代码如下 复制代码

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->

利用jquery方法

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'});
 }
});

javascript的办法

 以下代码加入要添加页面的底部，</body>之前即可,在IE6以上版本不显示。

 代码如下 复制代码

<!--IE6版本提示开始-->

<style type="text/css"> 
#ie6-warning{background:#FF0; position:absolute;top:0; left:0;font-size:12px; line-height:24px; color:#F00;
padding:0 10px;} 
#ie6-warning img{float:right; cursor:pointer; margin-top:4px;}
#ie6-warning a{text-decoration:none;} 
</style>

<!--[if lte IE 6]> 
<div id="ie6-warning">
<img src="/img1/guanbi.jpg" width="14" height="14" onclick="closeme();" alt="关闭提示" />
您正在使用 Internet Explorer 6 低版本的IE浏览器。为更好的浏览本页，建议您将浏览器升级到
<a href="http://www.microsoft.com/china/windows/internet-explorer/ie8howto.aspx" target="_blank">IE8</a>
 或以下浏览器：<a href="http://www.firefox.com.cn/download/">Firefox</a> / <a href="http://www.google.cn/chrome">
Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.Opera.com/">Opera</a> 
</div> 
<script type="text/javascript"> 
function closeme()
{
   var div = document.getElementByIdx_x_x("ie6-warning");
   div.style.display ="none";
}
function position_fixed(el, eltop, elleft){ 
// check if this is IE6 
if(!window.XMLHttpRequest) 
window.onscroll = function(){ 
el.style.top = (document.documentElement.scrollTop + eltop)+"px"; 
el.style.left = (document.documentElement.scrollLeft + elleft)+"px"; 
} 
else el.style.position = "fixed"; 
} 
position_fixed(document.getElementByIdx_x_x("ie6-warning"),0, 0); 
</script> 
<![endif]-->

<!--版本提示结束-->
时间： 2024-08-02 20:32:53

给网站添加IE6升级提示代码的方法的相关文章

为网站添加IE6升级提示

原文 为网站添加IE6升级提示 IE6的是一款横跨十年的浏览器,作为一枚前端,对其已经失望透顶,但其在中国的市场比仍旧很高,中国大量的PC上安装的都是盗版Windows XP,而Windows XP上的预装浏览器就是IE6. 面对如今硬件加速和支持HTML5的浏览器来说,IE6无论在安全性和兼容性上简直就是一垃圾中的垃圾,而对搞UED和前端的设计师而言,更是如噩梦般的存在.但是我想,无论你是普通用户还是网站开发人员或者是国内的浏览器开发者,我们都应该采取一些措施,共同促进IE6的灭亡. 作为一枚

jQuery实现网站添加高亮突出显示效果的方法

  本文实例讲述了jQuery实现网站添加高亮突出显示效果的方法.分享给大家供大家参考.具体如下: 这段jquery代码演示了如何把整个页面遮罩起来,突出显示某些东西 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $(function() { var docHeight = $(document).height(); $("body").append("<div id='overlay'></div>"); $(

WORDPRESS给网站添加关键词和描述的方法

我们在安装好了wordpress的程序之后,发现只能填写网站标题和副标题,而关键词的添加和描述的添加都没有,对于一般人来说这可能没有什么关系,但是对于seo来说这可不是小事情,这可是网站排名的关键词排名不可或缺的,那么如何在wordpress增加关键词和描述呢?其实方法有很多,而最简单的方法就是利用插件达到效果,不过插件安装过多可不是好事,这里年少就介绍一个简单的方法,只要在头部文件(header.php)增加代码可以实现wordpress关键词和描述. 方法一,直接编辑模板文件 进入后台,如图

网站META标签相关代码设置方法总结

name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器 人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网 页分类).这其中最重要的是description(站点在搜索引擎上的描述)和keyword s(分类关键词),所以应该给每页加一个meta值.META标签既然对网站发展有那么重要的位置,如果你对MTEA代码的相关代码不了解,那你就OUT了.下面郑州SEO薛磊就跟大家分享下META标签相关代码详细介绍 <title>标题</tit

多家政务网站被添加黑链代码 两名19岁黑客受审

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 两名19岁青年利用"黑客"技术非法侵入包括最高检网站在内的全国多家政务网站,更改网页源代码为其他网站牟利.今天上午,范东东.文超被检方指控涉嫌非法侵入计算机信息系统罪和非法控制计算机信息系统罪在朝阳法院受审. 检察院起诉书指控,今年3月至5月间,范东东和文超在河南省郑州市某公寓内,用电脑上网,通过后门程序进入服务器地点在北

PJBLOG三个热门广告位添加代码的方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 我的"建站学习者"博客网站采用的是优秀的PJBLOG程序,有朋友问到,在PJBLOG程序中加入谷歌联盟的广告代码的方法,下边就把我在本博客中加入谷歌联盟和阿里妈妈广告的一些方法归纳如下,此些方法在当时自己操作中是参照网上资料来操作的,切实可行,大家也可以在我网上看到效果,其中导航栏下边的那个谷歌搜索广告使用的是JS代码,因

如何在网站添加计数器代码

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站添加计数器代码 放置计数器代码到网页当中,才能统计网站的访问情况.在这里需要注意一点的是:每个页面都需要放置这个代码,才能统计到每个页面.那么如何放置这个代码每个页面呢?在我们的网站系统后台将会很容易做到. 步骤如下: 1.登录系统,在前面有介绍过如何登录系统后台,这里就不重复了. 2.点击导航菜单中的"标签". 3

Linux服务器上用iScanner删除网页恶意代码的方法

  Linux服务器上怎么用iScanner删除网页恶意代码?这篇文章主要介绍了Linux服务器上用iScanner删除网页恶意代码的方法,iScanner为Ruby编写,所以服务器上要首先安装Ruby解释器,需要的朋友可以参考下 第一步:安装 首先要确保服务器上已经安装了Ruby 代码如下: #ruby -v //查看ruby的版本信息 如果服务器上没有安装,可以通过yum或者apt-get安装ruby(根据自己服务器系统选择对应的方法安装) 代码如下: #yum install ruby /

网站美化：给你的网站添加一个好看的Favicon

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 "什么是 Favicon?" 我们几乎每天都会看到,但是没有多少人会注意到他们.但以我的经验,可以和你们讲,当你为了用户建立网站的时候,加上你的 Favicon 将是这个工程的最后一步,而且用户也会容易发现这一改变. 大概两年前,我给一个朋友建一个网站.当我把网站第一次展示给她看的时候,她印象最深的却是:"你居然