首页前端开发CSS常用CSS HACK问题及解决代码

常用CSS HACK问题及解决代码

时间2024-05-22 02:16:03发布访客分类CSS浏览63
导读:1、樊篱IE阅读器(也等于IE下不展示) *:lang(zh select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*saf...

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如下辨认CSSHACK

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 常用CSS HACK问题及解决代码
本文地址: https://pptw.com/jishu/665281.html
prometheus集成confluent的方法是什么 不减去边框将会造成一下效果

游客 回复需填写必要信息