IE BUG与FF兼容问题

本文介绍了在不同浏览器下解决CSS兼容性问题的各种技巧,包括解决FF下父容器高度不自适应、IE6 Margin双倍边距BUG、IE6下图片下方出现空隙等问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、ff下为什么父容器的高度不能自适应
     在父容器与容器之间插入<div style="clear:both"></div>清除掉这个p的浮动. 也可以在父容器里加上overflow:hidden;
2、IE6的Margin双倍边距BUG
  
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline (显示:内嵌)
3、IE6下为什么图片下方有空隙产生
   解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block;或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom;还可以设置父容器的字体大小为零,font-size:0px;
4、IE6下两个DIV中3PX BUG
  解决的办法是给DIV同样浮动 float:left 或者相对IE6定义.left margin-right:-3px;
5、垂直居中文本
  给容器设置一个与其高度相同的行高就可以了
6、对齐文本与文本输入筐
   设置文本框的    vertical-align:middle 就可以了
7、FF下文本无法撑开容器的高度
  标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;  这里为了照顾不认识min-height的IE6
可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}

8、web标准中IE设置滚动条颜色了
   滚动条的颜色样式一定要定义给HTML
9、定义1px左右高度的容器
   解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px
10、让层显示在FLASH之上
    解决的办法是给FLASH设置透明<param name="wmode" value="transparent" />或者<param
name="wmode" value="opaque" />
11、怎样使一个层垂直居中于浏览器中
   这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
    position:absolute;
    top:50%;
    left:50%;
    margin:-200px 0 0 -100px;
    width:200px;
    height:400px;
    border:1px solid red;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值