热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

也谈如何用技术手段引导用户放弃IE6

中国的网民是很顽强的,也是很固执的!虽然IE6在国外早就判了死刑,但是在中国至少还有近50%的占有率,这实在很令人头疼!之前看过很多人提议,提议的方案也五花八门,比如:1、让XX花园盗

中国的网民是很顽强的,也是很固执的!虽然IE6 在国外早就判了死刑,但是在中国至少还有近50%的占有率,这实在很令人头疼!

 

之前看过很多人提议,提议的方案也五花八门,比如:

1、让XX花园盗版盘作者把IE6升级后,再发行 (基本不靠谱,您先能联系到盗版盘作者再说吧...)
2、咱们主动帮身边的朋友、同事修电脑时,顺便把IE升级一下 (出发点不错,但是效果有限,何况可能有些人就是觉得IE6用着不错,干嘛升级?)
3、让国内的一些垄断厂家:比如360卫士之类,强制给用户升级IE6 (这个嘛,肯定有效,但是得先征得周鸿祎同意,貌似有难度)
4、让微软自己强制用户升级 (这个肯定也有效,但是微软为了照顾以前的用户,估计也不太可能这么做)
...


我觉得:与其指望别人或别的公司,还不如让每个网站开发者(确实来说是前端制作人员)在设计制作网页时,充分利用IE6与其它浏览器的差异性,针对更优进的非IE6标准浏览器设计更好的用户检验;而对于IE6,只要保证用户能正常使用即可,这样随着时间的推移,用户会慢慢意识到IE6上确实浏览网页的用户检验很差,很多好玩好用的功能都没办法用,然后他们就会慢慢放弃IE6。

 

具体怎么做:

1、先检测浏览器,吓唬引诱用户,拿我们公司最近正在改版的首页来说

比如用IE6浏览时,是下面这幅模样

在顶上给出一个吓人的提示,让用户知道:自己用的浏览器原来叫IE6,而且它即将过时了,应该需要升级。当然有一点很重要:即使是引导,也不能强制让用户做自己不喜欢的事情,所以在右上角放一个关闭按钮是很必要的,以方便一些不愿意升级的用户能关掉这段烦人的提示。

 

如果换其它浏览器浏览,则不会出现这段提示。

 

2.差异化的CSS设计

光靠第1步的忽悠用户肯定是不行的,得切实让用户感受到IE6的烂!

IE6仅支持A元素的hover伪类,而标准浏览器对于任何元素都可以使用hover伪类,仅凭这一点,就能够让IE6逊色很多。

这是标准浏览器下的LI + A元素表现:

鼠标移动到链接元素上时,不仅加了高亮背景色,甚至连布局都变了,这样用户可能会感觉有点新意,也会留下较深刻的印象。(特别是在第一次见到的时候,当然等到所有网站都用这一招时,也就不那么稀奇了,这时候就得想其它招)

而IE6下却只有很平常的表现:

 

截图可能并不直观,详细大家可以参见我这二天切的页面演示(当然还没完成,估计明天还得折腾一二个小时)

 

我并不是一个合格的前端开发人员,只能算是三脚猫功夫吧,相信园子里有更多专业的前端技术人员,能想出更多、更好的差异性设计!如果大家有更好的建议(特指可实施性比较强的建议),欢迎在评论中回复补充或指正。


推荐阅读
  • 高效解决应用崩溃问题!友盟新版错误分析工具全面升级
    友盟推出的最新版错误分析工具,专为移动开发者设计,提供强大的Crash收集与分析功能。该工具能够实时监控App运行状态,快速发现并修复错误,显著提升应用的稳定性和用户体验。 ... [详细]
  • 本文介绍如何通过HTML和CSS构建一个美观且功能齐全的水平导航栏,包括不同的布局方法及其效果。 ... [详细]
  • 前端开发:从底层到顶端的行业现象解析
    在编程领域,鄙视链现象屡见不鲜,从C语言到Java、.NET等,每个技术栈都有其独特地位。然而,前端开发者尽管常处于鄙视链底端,却在市场需求中备受青睐。本文深入探讨这一现象,并分析前端工程师如何在竞争激烈的市场中脱颖而出。 ... [详细]
  • 本文介绍了多个适用于用户界面设计的Canvas框架,帮助开发者选择最适合的工具。 ... [详细]
  • 编写了几个500行左右代码的程序,但基本上解决问题还是面向过程的思维,如何从问题中抽象出类,形成类的划分和设计,从而用面向对象的思维解决问题?有这方面的入门好书吗?最好是结合几个具体的案例分析的 ... [详细]
  • 鼠标悬停出现提示信息怎么做
    概述–提示:指启示,提起注意或给予提醒和解释。在excel中会经常用到给某个格子增加提醒信息,比如金额提示输入数值或最大长度值等等。设置方式也有多种,简单的,仅为单元格插入批注就可 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 优雅实现 jQuery 折叠展开下拉菜单
    本文介绍了一种使用 jQuery 实现的优雅折叠和展开效果的下拉菜单,通过简单的 HTML 结构和 CSS 样式,结合 jQuery 脚本,可以轻松创建出美观且功能强大的下拉菜单。 ... [详细]
  • 开发笔记:精通 CSS 第 10 章 变换过渡与动画 学习笔记
    开发笔记:精通 CSS 第 10 章 变换过渡与动画 学习笔记 ... [详细]
  • 使用Bootstrap创建响应式渐变固定头部导航栏的方法
    本文详细介绍了如何利用Bootstrap框架构建一个具有渐变效果的固定顶部响应式导航栏,包括HTML结构、CSS样式以及JavaScript交互的完整实现过程。适合前端开发者和学习者参考。 ... [详细]
  • 博主从零开始学习HTML(入门基础)
    从零开始学习HTML(入门基础)互联网三大基石HTTP协议URL:统一资源定位符HTML:超文本标记语言HTML的Head标签中的常用元素<!--告知 ... [详细]
  • 深入探讨jQuery中的事件处理、动画效果及表单操作
    本文详细介绍了jQuery这一流行的JavaScript库在事件处理、动画效果实现以及表单操作方面的应用。通过具体的示例和代码片段,帮助开发者更好地理解和运用jQuery的强大功能。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • 解决Element UI中Select组件创建条目为空时报错的问题
    本文介绍如何在Element UI的Select组件中使用allow-create属性创建新条目,并处理创建条目为空时出现的错误。我们将详细说明filterable属性的必要性,以及default-first-option属性的作用。 ... [详细]
  • VPX611是北京青翼科技推出的一款采用6U VPX架构的高性能数据存储板。该板卡搭载两片Xilinx Kintex-7系列FPGA作为主控单元,内置RAID控制器,支持多达8个mSATA盘,最大存储容量可达8TB,持续写入带宽高达3.2GB/s。 ... [详细]
author-avatar
zhangmeicheng18
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有