博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
各种浏览器细节
阅读量:6574 次
发布时间:2019-06-24

本文共 1592 字,大约阅读时间需要 5 分钟。

1.主意文件编码问题,否则会导致在某些浏览器出现乱码。<head>内要声明!!

2.当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。ie6中float和position一起用会出现意想不到的事。。。

  解决方案:我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。 

             解决这个bug很简单,在父元素中也使用position:relative;即可解决该bug

3.当用overflow:hidden;去撑开浮动元素的父元素时,若同时有position,overflow:hidden会失效

  则要用zoom:1;来撑开父元素;

 

3.今天在处理页面边距时,又遇到这个问题,float元素在设定margin-bottom时在IE6和IE7下会失效。

  解决方案 只要在浮动的最后一个元素后面加上 <div class="clearfloat"></div>消除浮动

4.ie6中定位元素神秘消失。

  在进行网页布局设计的时候,经常会根据需要设置相对定位,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素,突然从IE浏览器下消失了,然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示,但是出现了莫名的留白,火狐下正常显示.至少这个现象表明,绝对定位元素在IE6下神秘消失对相邻元 素的浮动定位有关.

  查了相关资料,高人有这样的解释:

  1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;

  2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;
  3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示;
  4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

  要解决这个BUG的方法也很简单,让绝对定位层不挨着浮动层放置就好了,还有个更简单的方法,在绝对定位元素和其他元素之间加一个空白的div。

5.ie6中绝对定位不准确

      IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题,即绝对定位元素的相对偏移元素是谁。一般情况下,是相对于父元素以上直到 DOCUMENT(默认已定位)的已定位元素(即position的设置)。但在IE6,IE5中出现的BUG却是定位在已定位元素的外围或以 DOCUMENT相对而言。

在《精通CSS》30页上面有这样一段话:
引用:
相对于相对定位的祖先元素对框进行绝对定位,这在大多数现代浏览器中实现得很好。但是,在windows上的IE5.5和IE6中有一个BUG,如果试图相对于相对定位的框的右边或底部设置绝对定位的框的位置,那么需要确保相对定位的框已经设置了尺寸。如果没有,那么IE会相对于画布定位这个框。简单的解决方案时为相对定位的框设置宽度和高度。

但是,如果未添加宽度,那么浏览器可能给予父元素默认的100%宽度。而若未添加高度,在Firefox 3及IE 6下都无法看到绝对定位的子元素的。也就是说,IE 6下绝对定位子元素并没有相对于画布定位。

 6.ie6中空文本节点占位导致padding增大。

  解决方案@#¥%……&*(@#¥%……&*(@#¥%……&*( display:inline;

转载于:https://www.cnblogs.com/markleung/archive/2013/01/22/2870952.html

你可能感兴趣的文章
POJ1703 Find them, Catch them
查看>>
自适应备忘录 demo
查看>>
HTML转义字符大全(转)
查看>>
[摘录]调动员工积极性的七个关键
查看>>
Linux getcwd()的实现【转】
查看>>
Backup Volume 操作 - 每天5分钟玩转 OpenStack(59)
查看>>
.htaccess 基础教程(四)Apache RewriteCond 规则参数
查看>>
转: maven进阶:一个多模块项目
查看>>
Android控件之HorizontalScrollView 去掉滚动条
查看>>
UVM中的class--2
查看>>
任务调度器配置文件
查看>>
ORACLE 存储过程异常捕获并抛出
查看>>
HDU 4293 Groups (线性dp)
查看>>
博客园博客美化相关文章目录
查看>>
root用户重置其他密码
查看>>
关于查询扩展版ESI高被引论文的说明
查看>>
【iCore3应用】基于iCore3双核心板的编码器应用实例
查看>>
Oracle推断值为非数字
查看>>
得知发行组长老潘今天岗位上最后一天就要离开有感
查看>>
多年前写的一个ASP.NET网站管理系统,到现在有些公司在用
查看>>