兼容手札

5 篇文章 0 订阅
4 篇文章 0 订阅

IE6 div最小高度问题

当div的最小高度小于一定的值以后,div的高度会固定在一个值不再发生变动。并非是div有一个默认的高度,而是你没有解决一个隐藏的参数:font-size。 IE6 会固执的认为这个层的高度不应该小于字体的行高。
处理的方法:
1. 定义 overflow:hidden 属性来限制 DIV 高度的自动调整.
<div style="height: 5px; overflow: hidden;"></div>

2. 强制定义该 DIV 的字体尺寸(设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现).
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>

3. 跳过IE6中对font-size的限定,使用line-height来进行定义,但是div里必须填写内容,如果没有内容,用 替换.
<div style="line-height:2px;"> </div>

-------------------------------------------------------------------------------------------------


IE positioned元素默认设置z-index问题

<html>
 <head>
  <title></title>
 </head>
 <body>
  <div>
    <h1></h1>
  <div>
  <p>
   <h2></h2>
  </p>

 </body>
</html>
任何元素的zindex的比较都是建立在context上的。如上图如果h1h2设定了zindex他们的context都是html。如果再给div设定zindex,那么h1的context就是div,比较h1h2时候先要比较他们各自的context的index。
IE 有一个bug就是如果你设置了一个元素的position,那么IE会默认给这个元素加上z-index:0,这样产生的后果是:如果给div设置了zindex,给p设置了position,那么比较h1h2他们zindex的时候就变成了先要比较div和p的zindex(正常情况下应该是比较div和html的zindex的),你再怎么设高h2的index都不能盖在h1上面除非你设置p的zindex高过div的zindex。

------------------------------------------------------------------------------------------------


IE中绝对定位元素无法根据其四个方向的偏移量自动计算其尺寸(转)


在 IE6 IE7(Q) IE8(Q) 中,若一个非替换绝对定位元素没有显式设定 'width' 和 'height' 特性,则其无法如规范所述根据其四个方向的偏移量自动计算其尺寸。
------------------------------------------------------------------------------ ------------------


textContent & innerText


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值