由于各大阅读器极为IE浏览器对网站规范支持状况纷歧,导致标准的网页在各个浏览器中的浮现不一,因此,企图各阅读器兼容性题目成为了前端工程师最需求的工作之一,而所谓的hack技术手段则是前端启迪中必用的。
CSS hack的写法有很多种,此中,非凡标记的运用最为广泛,也最为简练,下面逐个介绍了非凡标识表记标帜类型的CSS hack技能:
1、反斜线(\)
适用涉猎器:IE/Mac
反斜线(\)hack利用了IE/Mac的一个漏洞。以\*/竣事的css 注解在IE/Mac上是不切确封锁的,所以那些需要在IE/Mac上被忽略的语句可以放在这种评释背面。
- /* CSS标明:在IE Mac上疏忽下面的语句 \*/
- selector { ...styles... }
- /* 忽略竣事 */
2、下划线(_)
合用涉猎器:IE6及其如下版本
IE 6 及以下的版本可以辨认带有下划线前缀的属性,而别的涉猎器会忽略它。因此,一个属性前面加高低划线或是连字符,就成为了IE6及如下版本阅读器的专有属性。
- #elem {
- width: [W3C Model Width];
- _width: [BorderBox Model];
- }
PS:这个hack哄骗浏览器的破绽使用了有用的CSS,因而不引荐使用。
3、星号(*)
适用涉猎器:IE7如下版本
除了下划线与连字符,版本7及下列的IE可以识别以非字母字符为前缀的属性,而别的阅读器会忽略。
- #elem {
- width: [W3C Model Width];
- *width: [BorderBox Model];
- }
PS:这个hack哄骗浏览器的破绽使用了有用的CSS,因而不引荐使用。
4、星号 HTML(* html)
适用阅读器:IE4-6
HTML元素是W3C标准DOM的根元素,然则IE 4至6的版本中尚有一个奥密的父元素。纯粹兼容的阅读器会疏忽这个* html决意器,但IE4-6却会对它畸形处置惩罚。
- * html p {font-size: 5em; }
PS:这个HACK使用了完全有效的CSS。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c53596.shtml