探究CSS hack使用原理 规则及弊端

开发 前端
CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法,这里向大家描述一下CSS hack的来历,使用原理和规则以及使用后的弊端。

本文向大家简单介绍一下CSS hack的来历,使用原理和规则等内容,CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。

CSS hack的来历

CSS hack的由来源于浏览器大战,从1995年开始,微软和网景公司的浏览器竞争,导致各自的浏览器包含大量其私有CSS属性,并逐渐远离标准。1998年网景公司以开放源代码的授权形式,把Communicator的源代码释出,以开源的形式逐渐发展一部分用户群,并在2004年推出Firefox的1.0版本。相继,Safar,Opera的用户群也正在发展壮大中。这让微软不得不考虑从新设计一款更加接近web标准的浏览器。

尽管微软***推出的IE8已经对CSS2.1提供了良好的支持,但事实是,许多用户操作系统的IE版本一直停留在IE6,且大多数用户没有主动升级IE的习惯。

IE的各个版本对CSS2.1中的某些属性从支持程度到解析效果,都不是很一致。这导致开发人员需要单独定义针对不同版本的的CSS样式,以此来获取相近的效果。

由此,人们发现并利用了CSS hack。事实上,到现在为止,我们使用CSS hack最主要的目的是区分IE6和IE7。

CSS hack使用原理

简单来讲,CSS hack就是浏览器解析CSS时的漏洞,因此不同的浏览器就有不同的CSS hack写法。

CSS hack使用原则

尽力避免使用CSS hack,并寻找其它的应对方法。事实上,使用IE的条件注释来区分IE各个版本,是非常不错的选择。

CSS hack使用后的弊端

CSS Hack除了能迅速区分浏览器版本,并可能获得大概一直的效果,但从长远看,CSS Hack会引起许多新的错误。
 

【编辑推荐】

  1. CSS Hack的基本原理和实现方式
  2. 调用CSS hack区分不同浏览器
  3. 深入探究DIV CSS布局中position属性用法
  4. CSS属性display:inline-block使用揭秘
  5. CSS hack:实现IE6、IE7、Firefox兼容

 

 

责任编辑:佚名 来源: wiki.blueidea.com
相关推荐

2010-09-07 13:04:14

CSS Hack

2010-09-16 14:09:03

CSS hackGoogleChrom

2023-08-31 08:12:23

应用场景业务异常HTTP

2010-08-27 09:29:40

CSSbehavior

2010-09-07 15:17:47

CSS优先权CSS

2010-09-15 15:27:06

CSS hack

2019-01-10 08:24:06

2010-09-15 15:48:09

CSS Hack

2010-09-08 14:00:08

marginCSS

2010-08-26 10:48:51

CSScaption-sid

2009-12-03 14:53:53

PHP浮点类型取整

2010-09-03 09:46:50

idclassCSS

2010-09-16 11:31:17

CSS Hack

2010-09-01 10:17:38

CSShack注释

2010-08-25 14:11:01

CSSborder-top

2023-11-12 11:56:28

Json格式弊端

2010-08-25 14:26:09

CSSdisplay

2010-08-26 10:08:50

CSSmargin

2017-05-18 15:02:36

AndroidGC原理JVM内存回收

2017-03-02 10:49:37

推荐算法原理实现
点赞
收藏

51CTO技术栈公众号