首页前端开发CSSCSS hack的写法有很多种

CSS hack的写法有很多种

时间2024-05-22 10:32:03发布访客分类CSS浏览35
导读:1、反斜线(\) 适用涉猎器:IE/Mac 反斜线(\)hack哄骗了IE/Mac的一个马脚。以\*/完结的css 剖明在IE/Mac上是不正确开启的,所以那些重要在IE/Mac上被疏忽的语句可以放在这种注释后背。 /*CSS表...

1、反斜线(\)

适用涉猎器:IE/Mac

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


  1. /*CSS表白:在IEMac上忽略上面的语句\*/
  2. sele首席技术官r{ ...styles...}
  3. /*忽略完毕*/

2、下划线(_)

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

IE 6 及如下的版本可以识别带有下划线前缀的属性,而其它浏览器会疏忽它。是以,一个属性前面加凹凸划线大要连字符,就成为了IE6及如下版本涉猎器的专有属性。


  1. #elem{
  2. width:[W3CModelWidth];
  3. _width:[BorderBoxModel];
  4. }

PS:这个hack独霸浏览器的裂痕使用了有效的CSS,因而不引荐使用。

3、星号(*)

实用涉猎器:IE7以下版本

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


  1. #elem{
  2. width:[W3CModelWidth];
  3. *width:[BorderBoxModel];
  4. }

PS:这个hack操作阅读器的裂缝使用了有效的CSS,因而不保举应用。

4、星号 HTML(* html)

合用涉猎器:IE4-6

HTML元素是W3C尺度DOM的根元素,可是IE 4至6的版本中还有一个隐秘的父元素。彻底兼容的阅读器会疏忽这个* html决议器,但IE4-6却会对它正常处理。


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

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

5、星号加号(*+)

适用涉猎器:IE7


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

也许:


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

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

6、子决定器(> )

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

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


  1. html> bodyp{ color:blue; }

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

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

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


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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS hack的写法有很多种
本文地址: https://pptw.com/jishu/665529.html
XunRuiCMS迅睿CMS是免费可商用的吗(记录迅睿CMS版权协议是否免费) sql中lead函数的作用是什么

游客 回复需填写必要信息