常用CSS HACK问题及解决代码

2024-01-18 11:20 小编

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来对父级做一次定义,那么即或许计划这个标题问题 。


Tag: 代码
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码