CSS兼容之特殊符号的应用大全

2019-10-16 郑州网站建设  

由于各大阅读器极为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://tzchb.ieyo.com/dede/3222.html转载请标明出处,谢谢合作!
标签:
  • 兼容
  • 应用
  • 大全
  • 特殊
  • 号的