CSS Hack Summary Manuel de référence rapide La compatibilité du navigateur doit être connue

Bloquer le navigateur IE (c'est-à-dire non affiché dans IE)

*:lang(zh) select {font:12px !important;} /*FF 可见，特别声明：由于Opera最新的更新，此句目前已经成为FF的专用HACK*/ 
select:empty {font:12px !important;} /*safari可见*/ 
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。

Reconnu uniquement par IE7

*+html {…} 
当面临需要只针对IE7做样式的时候就可以采用这个HACK。

Reconnu par IE6 et versions antérieures

* html {…} 
这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 
html/**/ >body select {……} 
这句与上一句的作用相同。

Seul IE6 ne reconnaît pas

select { display /*IE6不识别*/:none;} 
这里主要是通过CSS注释分开一个属性与值，流释在冒号前。

Seuls IE6 et IE5 ne reconnaissent pas

select/**/ { display /*IE6,IE5不识别*/:none;} 
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。

Seul IE5 ne reconnaît pas

select/*IE5不识别*/ { display:none;} 
这一句是在上一句中去掉了属性区的注释。只有IE5不识别

Solution modèle Box

selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;} 
盒模型的清除方法不是通过!important来处理的。这点要明确。

Effacer les flottants

select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题 。

Ellipses de troncature

select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。

Seul Opera reconnaît

@media all and (min-width: 0px){ select {……} } 
针对Opera浏览器做单独的设定。以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

Filtre pour IE5.x, uniquement IE5. x On peut voir que

@media tty { 
i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";} 
}/* */

Les filtres IE5/MAC ne sont généralement pas nécessaires

/*\*//*/ 
@import "ie5mac.css"; 
/**/

IE's if condition Hack

<!--[if IE]> Only IE <![endif]--> 
所有的IE可识别 
<!--[if IE 5.0]> Only IE 5.0 <![endif]--> 
只有IE5.0可以识别 
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]--> 
IE5.0包换IE5.5都可以识别 
<!--[if lt IE 6]> Only IE 6- <![endif]--> 
仅IE6可识别 
<!--[if gte IE 6]> Only IE 6/+ <![endif]--> 
IE6以及IE6以下的IE5.x都可识别 
<!--[if lte IE 7]> Only IE 7/- <![endif]-->

Seul IE7 peut reconnaître le contenu ci-dessus. Il n'est pas exhaustif. J'invite tout le monde à travailler avec moi pour résumer ces techniques afin de faciliter les futures enquêtes de travail. En même temps, je voudrais remercier les auteurs qui ont étudié ces HACK.

Pour plus de manuel de référence rapide CSS Hack Summary, la compatibilité du navigateur et les articles connexes, veuillez faire attention au site Web PHP chinois !