说说CSS Hack 和向后兼容

       人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。


在解决兼容方法上,想定出一个统一的规范,个人认为应该以下面3点为基本原则:
1、权衡成本:在浏览器被淘汰后,如何快速清理掉无用代码
2、可维护:在资源成本和完美间平衡的向后兼容
3、可读:省力、易记 

       这里把成本放在了第一位,并不是说我们不愿意追求完美,而只是,太刻意追求完美有时候可能会阻碍我们前进;在成本后,应该是可维护和可读,这点对于团队的合作来说至关重要,而最终结果也是为了减少成本。

先把这三个原则存起来,来看看我们平时解决兼容的写法(后面会附详细的Hack方法列表):

一、CSS 选择器 Hack
CSS复制代码
  1.  /* Opera */  
  2. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)   
  3. {head~body .sofish{display:block;}}   
这种写法的优缺点是:
优点:全面,各种HACK都有;清理无用代码里易认
缺点:选择器名称不易记;代码量多(要重复写选择器)

二、CSS 属性 Hack
CSS复制代码
  1. .sofish{    
  2.         padding:10px;    
  3.         padding:9px\9; /* all ie */    
  4.         padding:8px\0; /* ie8-9 */    
  5.         *padding:5px/* ie6-7 */    
  6.        +padding:7px/* ie7 */    
  7.         _padding:6px/* ie6 */    
  8.    
这种写法的优缺点是:
优点:易记,代码少
缺点:不全面
共1/3页   1  2  3  下一页  


上一篇:JavaScript异步方法队列链 

下一篇:asp.net直接下载文件,而非在浏览器中打开

留下脚印压缩包密码:sosuo8
名字:
全部评论:
申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ 说说CSS Hack 和向后兼容 ”的原作者,若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法:email:ahuinan@21cn.com  QQ:106494262

感谢以下网友对网站提出的建议:
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)
文章档案
  • 作者:sofish
  • 来源:Alipay UED
  • 日期:2010-5-30 22:52:00
  • 点击:425
网友投票(您觉得这篇文章怎样?)
loadding...请稍侯......