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

返回首页上一篇：CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框下一篇：DIV半透明层 CSS来实现网页背景半透明