欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

由于各大阅读器极为IE浏览器对网站规范支持状况纷歧,导致标准的网页在各个浏览器中的浮现不一,因此,企图各阅读器兼容性题目成为了前端工程师最需求的工作之一,而所谓的hack技术手段则是前端启迪中必用的。

CSS hack的写法有很多种,此中,非凡标记的运用最为广泛,也最为简练,下面逐个介绍了非凡标识表记标帜类型的CSS hack技能:

1、反斜线(\)

适用涉猎器:IE/Mac

反斜线(\)hack利用了IE/Mac的一个漏洞。以\*/竣事的css 注解在IE/Mac上是不切确封锁的,所以那些需要在IE/Mac上被忽略的语句可以放在这种评释背面。


  1. /* CSS标明:在IE Mac上疏忽下面的语句 \*/ 
  2.  
  3. selector { ...styles... } 
  4.  
  5. /* 忽略竣事 */ 

2、下划线(_)

合用涉猎器:IE6及其如下版本

IE 6 及以下的版本可以辨认带有下划线前缀的属性,而别的涉猎器会忽略它。因此,一个属性前面加高低划线或是连字符,就成为了IE6及如下版本阅读器的专有属性。


  1. #elem { 
  2.  
  3. width: [W3C Model Width]; 
  4. _width: [BorderBox Model]; 
  5.  

PS:这个hack哄骗浏览器的破绽使用了有用的CSS,因而不引荐使用。

3、星号(*)

适用涉猎器:IE7如下版本

除了下划线与连字符,版本7及下列的IE可以识别以非字母字符为前缀的属性,而别的阅读器会忽略。


  1. #elem { 
  2.  
  3. width: [W3C Model Width]; 
  4.  
  5. *width: [BorderBox Model]; 
  6.  

PS:这个hack哄骗浏览器的破绽使用了有用的CSS,因而不引荐使用。

4、星号 HTML(* html)

适用阅读器:IE4-6

HTML元素是W3C标准DOM的根元素,然则IE 4至6的版本中尚有一个奥密的父元素。纯粹兼容的阅读器会疏忽这个* html决意器,但IE4-6却会对它畸形处置惩罚。


  1. * html p {font-size: 5em; } 

PS:这个HACK使用了完全有效的CSS。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c53596.shtml