CSS hack的一些思考 我们该如何面对它?

 更新时间:2017年7月6日 23:13  点击:1632

  
  我已经习惯了做好页面之后去解决不同浏览器的兼容性问题,不断的测试,不停的修改CSS hack以保证在大部分的浏览器上得到最佳效果。光IE就需要兼顾IE5.X与IE6,以后也许还要为IE7来写单独的CSS hack,或许是这样的工作做得多了开始讨厌这样的没有效益的劳动。就是为了去满足那些少数的IE5.0用户或是为了满足那些极端的Firefox或是 Opera的推崇者们,我需要花费多一倍的时间来研究这些,我开始思考当浏览器不断成长,不断更新,我们的CSS hack是不是要没完没了的写下去,并且越写越多?IE7已经出来了,虽然只是BETA版不过已经开始有人研究IE7的CSS hack怎么写。
  当这个世界的浏览器都开始免费的时候我们的思路是不是应该变变了,现在的浏览器都有在线升级的功能,也就是说只要他的机器连着网他的浏览器就可能使终保持最新。当这个时代建立在互联网之上时,电脑不上网的可能性也会不断的减少。所以我们是不是有必要重新思考一下自己的工作?我们是不是还需要老老实实的去写自己的CSS hack而让自己的网站在大部分浏览器下都保持一致呢?
  在我看来我们应与时俱进的发挥自己的专业影响力,推动社会进步与技术发展。一昧得满足应对低级浏览器也就是让更多的人安于不安全、技术落后的浏览器,并且对于我们一些新技术、新效果、新安全标准都会产生限制与局限。要让民众明白,选择升级新型浏览器可以得到更为精彩的用户体验,并且可以完美浏览更多网站而不会出现错误。
  所以我们使用CSS hack应需要有引导民众更新升级浏览器的作用与功能。再说了现在的浏览器升级也是不花钱的,并且都有自动升级的功能。所以我觉得不断的放弃旧版浏览器是有必要的,当然CSS hack的功能不光可以用来兼容浏览器还可以帮且我们引导客户的软件升级。比如我们在IE5.X的浏览器显示软件版本太低,安全性较差,请升级后畅快浏览本站。至于你要推荐哪个浏览器那就自己作主了。
  并且我认为CSS hack不光可作为兼容性解决方案,也可以作为我们另一种工作的工具。比如我们针对不同的浏览器设定属于其不同的皮肤样式。所以作为CSS hack也不应只是用来做单调的工作,还要以发挥想象力让我们的网站成为“百变女郎”。
  不断淘汰旧浏览器是趋势也是必然,加之浏览器的更新是没有费用产生的,并且可以给民众们带来更多的用户体验。我们何不在这个潮流的背后推上一把,加速技术的革新?当然满足客户需求是第一位的,但是我们可以从自己的网站做起。一直淘汰旧浏览器,丰富不同浏览器的接收内容。
  

[!--infotagslink--]

相关文章

  • php中去除文字内容中所有html代码

    PHP去除html、css样式、js格式的方法很多,但发现,它们基本都有一个弊端:空格往往清除不了 经过不断的研究,最终找到了一个理想的去除html包括空格css样式、js 的PHP函数。...2013-08-02
  • jquery ready函数、css函数及text()使用示例

    .text更改内容 .css更改样式...2013-10-03
  • js+css实现回到顶部按钮(back to top)

    这篇文章主要为大家详细介绍了js+css实现回到顶部按钮back to top回到顶部按钮,感兴趣的小伙伴们可以参考一下...2016-03-03
  • React引入antd-mobile+postcss搭建移动端

    本文给大家分享React引入antd-mobile+postcss搭建移动端的详细流程,文末给大家分享我的一些经验记录使用antd-mobile时发现我之前配置的postcss失效了,防止大家踩坑,特此把解决方案分享到脚本之家平台,需要的朋友参考下吧...2021-06-21
  • 解决vue scoped scss 无效的问题

    这篇文章主要介绍了解决vue scoped scss 无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-04
  • BootStrap CSS全局样式和表格样式源码解析

    这篇文章主要为大家详细解析了BootStrap图片样式、辅助类样式和CSS组件源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-01-23
  • XML、HTML、CSS与JS的区别整理

    在BS中,xml,html,css和js我们都学过,起初分不清这四者的区别和联系,随着知识的增长,有了一些体会,下面通过本文给大家简单介绍 XML、HTML、CSS与JS的区别,需要的朋友参考下...2016-02-21
  • 在JS中如何使用css变量详解

    这篇文章主要给大家介绍了关于如何在JS中如何使用css变量以及export之javascript关键字的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2021-09-02
  • 详解微信小程序 通过控制CSS实现view隐藏与显示

    这篇文章主要介绍了微信小程序 通过控制CSS实现view隐藏与显示的相关资料,需要的朋友可以参考下...2017-05-27
  • JavaScript驾驭网页-CSS与DOM

    DOM是种符合万维网标准的HTML操纵方式,它能比innerHTML特性达成更多操控功能。这篇文章主要介绍了JavaScript驾驭网页-CSS与DOM的相关资料,需要的朋友可以参考下...2016-03-28
  • js+css简单实现网页换肤效果

    这篇文章主要介绍了js+css简单实现网页换肤效果的方法,涉及JavaScript响应鼠标事件动态遍历及修改页面元素样式的相关技巧,需要的朋友可以参考下...2016-01-02
  • Webpack打包css后z-index被重新计算的解决方法

    这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。...2017-06-24
  • JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

    这篇文章主要介绍了JS+CSS实现的漂亮渐变背景特效代码,包含6个渐变效果,涉及JavaScript针对页面元素属性动态操作的相关技巧,需要的朋友可以参考下...2016-03-28
  • 一步步教大家编写酷炫的导航栏js+css实现

    一步步教大家编写酷炫的导航栏,js+css实现黑色经典导航栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2016-03-18
  • jquery结合css实现返回顶部功能

    在本篇文章里小编给大家整理了一篇关于jquery结合css实现返回顶部功能的相关文章,有兴趣的朋友们可以实例测试下。...2021-08-02
  • Vant+postcss-pxtorem 实现浏览器适配功能

    这篇文章主要介绍了Vant+postcss-pxtorem 实现浏览器适配,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-02-05
  • 原生javascript+CSS实现轮播图效果

    这篇文章主要为大家详细介绍了原生javascript+CSS实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-18
  • js css实现垂直方向自适应的三角提示菜单

    这篇文章主要为大家详细介绍了js css实现垂直方向自适应的三角提示菜单的相关资料,需要的朋友可以参考下...2016-07-01
  • BootStrap 图片样式、辅助类样式和CSS组件的实例详解

    这篇文章主要介绍了BootStrap 图片样式、辅助类样式和CSS组件的实现代码,图文并茂介绍的非常详细,需要的朋友参考下吧...2017-01-23
  • CSS中position属性之fixed实现div居中

    这篇文章主要介绍了CSS中position属性之fixed实现div居中的相关资料,需要的朋友可以参考下...2015-12-16