IE6一直饱受设计者们的诟病，互联网风云变幻十多年，唯一没变的就是这款在当初被微软内置在winxp系统而又火的不行的浏览器。而如今，在日新月异的网络环境下，IE6却让一个原本美观整洁的网页变得满目疮痍，甚至是惨不忍睹。

相比一些一些没有升级浏览器的网民而言，IE6带给网页设计者们的却是深深的苦难，网页设计者们为了能兼容这款已经严重落后却又至今占据着庞大用户市场的浏览器不知花费了多少时间和精力，抹杀了多少设计者们的本就入不敷出的脑细胞。。。

下面这段代码，是一段检测并提示用户升级IE6浏览器的代码，在不影响自身体验的情况下，大家可以结合CSS灵活运用，也算间接为同行们做出一些贡献。

XML/HTML 代码

<style type="text/css">

#ie6shengji{

position:absolute;

top:10px;

left:0;

font-size:14px;

color:#ff0000;

width:97%;

padding: 2px 15px 2px 23px;

text-align:left;

}

</style>

<body><!--body下面代码-->

<!--[if lte IE 6]>

<div id="ie6shengji">亲爱的朋友，您正在使用浏览器版本严重过低(IE6，或使用IE内核的国产浏览器)，请升级新版IE8，Chrome，火狐等浏览器。</div>

<script type="text/javascript">

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.getElementById("ie6-warning"),0, 0);

</script>

<![endif]-->

这段代码在其他浏览器下不会生效，在IE6下会在页面顶端出现如19行所示文字。结合CSS可以灵活设计出各种提示效果，给I网页增加不少亲和力和人性化。

提示用户升级IE6浏览器的办法的更多相关文章

  1. 提示用户升级浏览器代码 低于ie9的浏览器提示

    一般想做一些酷炫的网站都有个烦恼,那就是兼容ie浏览器,好在现在使用ie的也越来越少,微软也转战edge浏览器. 使用 Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie 鄙视IE) ...

  2. iOS - 提示用户升级版本并跳转到AppStore

    一.问题:自己做提示用户升级? 由于苹果做了自动升级,所有只要在应用程序中出现从AppStore检查版本更新,或者出现任何有关升级的提醒都会被拒,但是如果必须添加升级提示的话,可以配合后台通过添加AP ...

  3. LODOP打印控件如何提示用户升级下载安装新版本

    Lodop.C-Lodop在不断完善功能和更新中,新版本修复了很多问题,以及增加很多有利的功能,网站如何更新版本,提示用户下载新版本呢?更新版本很简单,只需要三步:1.替换提示安装部分的自己放置的路径 ...

  4. 浏览器在IE8 以下时显示提示信息,提示用户升级浏览器

    <!--[if lt IE 8]> <div style="background: #eeeeee;border-bottom: 1px solid #cccccc;col ...

  5. ie9以下提示用户升级浏览器

    <!--[if lt IE 9]> <div style='border: 4px solid #FFF500; background: #FDFDC8; text-align: c ...

  6. JavaWeb文件下载，提示用户保存而不是让浏览器直接打开

    1.通过HttpServletResponse对象实现文件下载 服务端向客户端游览器发送文件时,如果是浏览器支持的文件类型,一般会默认使用浏览器打开,比如txt.jpg等,会直接在浏览器中显示,如果需 ...

  7. Nginx 配置下载附件让浏览器提示用户是否保存

    Nginx配置下载附件让浏览器提示用户是否保存   by:授客  QQ:1033553122   测试环境 nginx-1.10.0 问题描述: 前端页面,IE11浏览器下请求下载附件模板,针对xls ...

  8. Google浏览器提示用户要允许网站允许flash！

    开发的flash播放器,在谷歌浏览器上播放不了,需要提示用户手动开启允许网站运行flash: <script type="text/javascript"> if (w ...

  9. 仿淘宝头像上传功能（三）——兼容 IE6 浏览器。

    前两篇目录: 仿淘宝头像上传功能(一)——前端篇. 仿淘宝头像上传功能(二)——程序篇. 仿淘宝头像上传功能(三)——兼容 IE6 浏览器 之前的这两篇虽然实现了功能,但不兼容低版本浏览器,而且有些浏 ...

随机推荐

  1. python中的引用

    作为一个python初学者,今天被一个python列表和词典引用的问题折磨了很久,但其实了解了缘由也很简单,记录在此备忘. 首先背书python中的引用对象问题: 1. python不允许程序员选择采 ...

  2. java\c程序的内存分配

    JAVA 文件编译执行与虚拟机(JVM)介绍 Java 虚拟机(JVM)是可运行Java代码的假想计算机.只要根据JVM规格描述将解释器移植到特定的计算机上,就能保证经过编译的任何Java代码能够在该 ...

  3. 【python】a[::-1]翻转

    设有一个元组或者列表 a = (1,2,3,4) b = [1,2,3,4] 则a[::-1]和b[::-1]的含义是将元组或列表的内容翻转 a[::-1] # 结果为(4,3,2,1) b[::-1 ...

  4. Step deep into GLSL

    1 Lighting computation is handled in eye space(需要根据眼睛的位置来计算镜面发射值有多少进入眼睛), hence, when using GLSL (GP ...

  5. CI中REST URL含有中文怎么处理(报错：The URI you submitted has disallowed characters)

    解决方法: 客户端在发送GET URL请求的时候,将含有中文的URL编码即可 比如: 原始:http://localhost/qk/rest/user_album_api/get_user_album ...

  6. oracle 10g 学习之多表查询、分组函数（6）

    笛卡尔集 l  笛卡尔集会在下面条件下产生: 省略连接条件 连接条件无效 所有表中的所有行互相连接 l  为了避免笛卡尔集, 可以在 WHERE 加入有效的连接条件. 自连接 select m.las ...

  7. 浅析十三种常用的数据挖掘的技术&五个免费开源的数据挖掘软件

    一.前 沿 数据挖掘就是从大量的.不完全的.有噪声的.模糊的.随机的数据中,提取隐含在其中的.人们事先不知道的但又是潜在有用的信息和知识的过程.数据挖掘的任务是从数据集中发现模式,可以发现的模式有很多 ...

  8. WebLogic Exception

    访问Weblogic发生以下异常: 2013-08-20 10:15:11 ERROR [ExceptionConvertOnlyFilter] doFilter (line:70) Could no ...

  9. Visual Studio 2015和ASP.NET 5中可用的前端开发工具集

    最近微软发布了一本白皮书,谈到了一些可以和Visual Studio 2015和ASP.NET 5配合使用的JS/前端Web开发工具(比如:函数库.任务执行器.框架等). 由于现在前端开发的生态系统在 ...

  10. C语言输出格式总结

    转自:http://www.cnblogs.com/scbzljstudy/archive/2011/02/28/1966887.html 1 一般格式    printf(格式控制,输出表列)    ...