CSS hack的写法有很多种

2024-01-18 13:29 小编

1、反斜线(\)

适用涉猎器:IE/Mac

反斜线(\)hack哄骗了IE/Mac的一个马脚。以\*/完结的css 剖明在IE/Mac上是不正确开启的,所以那些重要在IE/Mac上被疏忽的语句可以放在这种注释后背。


  1. /* CSS表白:在IE Mac上忽略上面的语句 \*/ 
  2.  
  3. sele首席技术官r { ...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。

5、星号加号(*+)

适用涉猎器:IE7


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

也许:


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

PS:只在IE7规范模型里工作正常,在独特模式下不能用。同时,也被IE8的兼容模式(相称于IE7的规范形式)所赞成。它也使用了有效的CSS。

6、子决定器(>)

适用浏览器: IE6以上版本及非IE涉猎器

IE6和早期的版本不支持“子抉择器”(>),我们可以垄断这个为其它阅读器指定额定的划定规矩。


  1. html > body p { color: blue; } 

7、子抉择器加表达(>/**/)

合用涉猎器: IE7以上版本及非IE涉猎器

固然IE7赞成对子决议器,但经由过程以下hack方式也可以把IE7也翦灭。当一个空的抒发紧跟在子决意器的后背反复的时刻,IE7会不辨认后面的划定规矩,就与较早版本的浏览器同样。


  1. html >/**/ body p { color: blue; } 


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码