CSS怎么兼容IE6,IE7,Firefox

这篇文章主要讲解了“CSS怎么兼容IE6,IE7,Firefox”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS怎么兼容IE6,IE7,Firefox”吧!

成都创新互联公司专注于企业成都营销网站建设、网站重做改版、永靖网站定制设计、自适应品牌网站建设、成都h5网站建设电子商务商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为永靖等各大城市提供网站开发制作服务。

CSS兼容IE6,IE7,Firefox的技巧

一、CSS HACK

以下两种方法几乎能解决现今所有HACK.

1,!important

随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

2,IE6/IE77对FireFox

*+html与*html是IE特有的标签,firefox暂不支持.而*+html又为IE7特有标签.

注意:

*+html对IE7的HACK必须保证HTML顶部有如下声明:

二、***float闭合

关于clearfloat的原理可参见[HowToClearFloatsWithoutStructuralMarkup]
将以下代码加入GlobalCSS中,给需要闭合的div加上class="clearfix"即可,屡试不爽.

三、其他兼容技巧

1,Firefox下给div设置padding后会导致width和height增加,但IE不会.(可用!important解决)

2,居中问题.

1).垂直居中.将line-height设置为当前div相同的高度,再通过vertical-align:middle.(注意内容不要换行.)

2).水平居中.margin:0auto;(当然不是***)

3,若需给a标签内内容加上样式,需要设置display:block;(常见于导航标签)

4,Firefox和IE对BOX理解的差异导致相差2px的还有设为float的div在ie下margin加倍等问题.

5,ul标签在Firefox下面默认有list-style和padding.***事先声明,以避免不必要的麻烦.(常见于导航标签和内容列表)

6,作为外部wrapper的div不要定死高度,***还加上overflow:hidden.以达到高度自适应.

7,关于手形光标.cursor:pointer.而hand只适用于IE.

感谢各位的阅读,以上就是“CSS怎么兼容IE6,IE7,Firefox”的内容了,经过本文的学习后,相信大家对CSS怎么兼容IE6,IE7,Firefox这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网页标题:CSS怎么兼容IE6,IE7,Firefox
本文链接:http://bzwzjz.com/article/iidige.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 移动网站建设 外贸营销网站建设 成都商城网站制作 营销型网站建设 网站制作报价 四川成都网站设计 网站制作 成都网站制作 高端品牌网站建设 网站建设开发 网站建设 成都网站建设 外贸网站设计方案 高端网站设计 温江网站设计 成都网站制作公司 成都网站建设流程 手机网站建设 温江网站设计 重庆手机网站建设 响应式网站设计 成都响应式网站建设