热门标签 | 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下却只有很平常的表现:

 

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

 

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


推荐阅读
  • 本文探讨了如何通过优化 DOM 操作来提升 JavaScript 的性能,包括使用 `createElement` 函数、动画元素、理解重绘事件及处理鼠标滚动事件等关键主题。 ... [详细]
  • 使用CSS实现鼠标悬停时图片或按钮的平滑放大效果
    通过CSS技术,当鼠标悬停在图片或按钮上时,可以实现元素平滑放大的视觉效果,并可自由调整动画的持续时间。本文将详细介绍如何利用CSS实现这一功能。 ... [详细]
  • 深入探讨前端代码优化策略
    本文深入讨论了前端开发中代码优化的关键技术,包括JavaScript、HTML和CSS的优化方法,旨在提升网页加载速度和用户体验。 ... [详细]
  • Android 属性 allowBackup 的安全风险分析
    在 Android API Level 8 及以上版本中,系统提供了一种机制来备份和恢复应用程序数据。通过设置 allowBackup 属性,开发者可以控制是否允许这种备份和恢复功能。然而,这一功能也带来了潜在的安全风险。 ... [详细]
  • 在开发板的启动选项中看到如下两行:7:LoadBootLoadercodethenwritetoFlashviaSerial.9:LoadBootLoadercodethenwri ... [详细]
  • Java EE 平台集成了多种服务、API 和协议,旨在支持基于 Web 的多层应用程序开发。本文将详细介绍 Java EE 中的 13 种关键技术规范,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 阿里云 Aliplayer高级功能介绍(八):安全播放
    如何保障视频内容的安全,不被盗链、非法下载和传播,阿里云视频点播已经有一套完善的机 ... [详细]
  • 通过 CSS 中的 transition 属性,可以轻松实现元素状态变化时的平滑过渡效果。本文将详细介绍如何使用 transition 属性,并提供一个具体的示例。 ... [详细]
  • Bootstrap 支持用户自定义样式调整。即使长时间未使用 Bootstrap,也可以通过添加新的 CSS 类或覆盖现有类来轻松修改默认样式,以满足特定的设计需求。 ... [详细]
  • 本文详细介绍了如何利用CSS技术对链接下划线进行个性化定制和美化,涵盖了多种实用技巧和方法。通过对CSS属性的灵活运用,可以实现不同风格的下划线效果,提升网页的视觉体验。文中不仅提供了基础的代码示例,还结合实际案例进行了深入解析,帮助读者更好地理解和应用这些技巧。此外,文章还引用了《CSS2.0中文手册》中的相关内容,增加了技术的权威性和实用性。 ... [详细]
  • CSS伪类详解:定义与应用
    本文将深入解析CSS伪类的定义及其应用场景。CSS伪类通过为已存在的元素在特定状态下添加特殊样式,能够动态响应用户的交互行为,从而提升网页的视觉效果和用户体验。 ... [详细]
  • 每日前端实战:148# 视频教程展示纯 CSS 实现按钮两侧滑入装饰元素的悬停效果
    通过点击页面右侧的“预览”按钮,您可以直接在当前页面查看效果,或点击链接进入全屏预览模式。该视频教程展示了如何使用纯 CSS 实现按钮两侧滑入装饰元素的悬停效果。视频内容具有互动性,观众可以实时调整代码并观察变化。访问以下链接体验完整效果:https://codepen.io/comehope/pen/yRyOZr。 ... [详细]
  • 通过纯CSS技术,可以轻松创建精致的小圆点和三角形图形。本文详细介绍了如何利用CSS的伪元素、边框和背景属性,实现这些图形的高效绘制,并提供了多种应用场景和示例代码,帮助开发者在网页设计中增添更多视觉效果。 ... [详细]
  • 织梦系统多条件联动筛选功能详细教程及删除操作指南
    多条件联动筛选功能广泛应用于图片展示、装修设计、机械设备和在线商城等场景,通常筛选条件应聚焦于用户最关心的要素,而非涵盖所有可能的选项。在DedeCMS中,多条件筛选的PHP开发并未内置删除已选条件的功能,但通过理解PHP筛选与JS筛选的不同机制,实现这一功能相对简单且易于操作。 ... [详细]
  • 期末Web开发综合实践项目:运用前端技术打造趣味小游戏体验
    期末Web开发综合实践项目中,学生通过运用HTML、CSS和JavaScript等前端技术,设计并实现了一款趣味性十足的小游戏。该项目不仅检验了学生对前端基础知识的掌握情况,还提升了他们的实际操作能力和创意设计水平。视频链接展示了项目的最终成果,直观呈现了游戏的互动性和视觉效果。 ... [详细]
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社区 版权所有