让CSS兼容IE和Firefox的技巧汇总

  • By 北京seo
  • 2014-07-20 16:49:52
  • 点击:
  • 关键词

第一种:margin加倍的问题 在IE6.0中会遇到这个问题,比如你设置的margin:5px;但是IE6会理解为10px,解决方案就是再加一个代码dispaly:inline;

第二种:float在IE中会产生加倍的左边距,这个时候的处理方案就是dispaly:inline;

第三种:当你在设置高度自适应的时候,在IE中会发现高度不会自适应,div id="anli"> p>要写的内容/p> /div>  这个时候你可以在<p></p>上下添加两个空的div,对应的css代码{height:0px;overflow:hidden;}或者使用{zoom:1}

第四种:在IE6下面,图片和文本框对齐的时候会产生空隙,这个时候的解决办法是:文本框对应的css代码在添加一个vertical-align:middle;

第五种:ul标签在火狐中默认是有padding值的,而在IE中只有margin有默认值,如果你事先这样定义ul{padding:0;margin:0;}就能避免很多麻烦;

第六种:分别对待ie6,ie7,ie8,火狐的兼容代码

举个例子:#div{width:200px;

               width:300px !important;//IE8.0,火狐

               *width:400px !important;//IE7.0

              _width:500px;//IE6.0

}

您也可以关注我的微信:beyondnever,长按即可复制;或者加我QQ:502791664,打赏一盒烟钱,就可以获得大红多年收藏的各大seo推广营销资料和视频,只有两个月时间,过期作废!

本文:【让CSS兼容IE和Firefox的技巧汇总】--技术分享
文章地址:http://beijing.seosrx.net/fenxiang/8.html 转载请保留链接地址

上一篇:内页给错排名怎么办
下一篇:如何使用抓包工具?为什么要抓包?

用微信扫一扫

微信