html 常见hack,常用CSS HACK问题及解决代码

1、樊篱IE阅读器(也等于IE下不展示)

*:lang(zh) select {font:12px !important;} /*FF的专用*/

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

这里select是决意符，遵循情况转变。第二句是MAC上safari浏览器独占的。

2、仅IE7识别hack

*+html {…}

私下里临须要只针对IE7做名堂的时辰就能够接纳这个HACK。

3、IE6及IE6如下辨认CSS HACK

* html {…}

这个中央要分外当心得多田主都写了是IE6的HACK真实IE5.x同样笼统辨认这个HACK。其他浏览器不识别。

html/**/ >body select {……}

这句和上一句的感化相似。

4、仅IE6不识别div hack

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

这里主要是通过CSS解释分隔一个属性与值，流释在冒号前。

5、仅IE6辨认支持

.yangshi{_height:20px;}

这里IE6支持识别CSS属性前“_”短下划线。

6、仅IE6与IE5不辨认

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

这里和下面一句分歧的是在决议符与花括号之间多了一个CSS抒发。

7、仅IE5不识别

select/*IE5不辨认*/ { display:none;}

这一句是在上一句中去掉了属性区的剖明。只要IE5不辨认

8、盒模型解决方法

selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:粗略宽度;}

盒模型的革除门径不是经由!important来处置的。这点要分明。

9、革除浮动

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

在Firefox中，当子级都为浮动时，那末父级的高度就无法纯粹的包住整个子级，那么这时候用这个肃除浮动的HACK来对父级做一次定义，那么即或许计划这个标题问题 。