CSS Hack 汇总快查振之整理 CSS,Hack

行文措辞难免有错，请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

关键词:

屏蔽IE浏览器（也就是IE下不显示）

*:lang(zh)
select {
font:12px !important;} /*FF, OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/

select:empty {
font:12px !important;} /*safari可见*/

仅IE7与IE5.0可以识别

*+html
select {
…}

仅IE7可以识别

*+html
select {
…!important;}

IE6及IE6以下识别

* html
select {
…}

html/**/ >body
select {
…}

仅 IE6不识别，屏蔽IE6

select {
display /*屏蔽IE6*/:
none;}

仅IE6与IE5不识别，屏蔽IE6与IE5

select/**/ {
display /*IE6,IE5不识别*/
:none;}

仅IE5不识别，屏蔽 IE5

select/*IE5不识别*/ {
…}

盒模型解决方法

selct {
width:IE5.x宽度; voice-family :””}””; voice-family:inherit;
width: 正确宽度;}

清除浮动

select:after {content:”.”; display:block; height:0; clear:both; visibility:hidden;}

截字省略号

select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

只有Opera识别

@media all and (min-width: 0px){
select {……} }

以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。