IE BUG与FF兼容问题

最新推荐文章于 2018-02-06 17:27:00 发布

greyls

最新推荐文章于 2018-02-06 17:27:00 发布

阅读量859

点赞数

分类专栏：网页设计与推广 CSS与网站重构文章标签： ie 浏览器 flash div html border

网页设计与推广同时被 2 个专栏收录

41 篇文章

订阅专栏

CSS与网站重构

21 篇文章

订阅专栏

本文介绍了在不同浏览器下解决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;