IE6 Jump BugFebruary 4, 2010

记性太差,写下来备忘。

Bug 演示:
http://f2ee.googlecode.com/svn/trunk/lab/2010/css/ie6-jump-bug.html

触发此bug的dom结构如下:
relative元素(A) > haslayout元素(B) > relative|absolute元素(C)

解决方法:
避免给B加layout,或者让C直接是A的子节点
Update: 给A添加layout可解决此bug (relative元素顺手添加layout可以避免很多bug,多谢ytzong提醒)

已有 8 条评论

  1. ytzong ytzong

    老老实实先reset吧:)

  2. @ytzong 和reset没有关系啊

  3. ytzong ytzong

    IE6里h1默认的margin还是padding木有了,重置后就不存在这个问题了吧

  4. @ytzong 有的。demo已更新 * {margin:0;padding:0;}

  5. ytzong ytzong

    你是指图片抖一下吗?
    触发#header的hasLayout即可
    position:relative的元素,我都会顺手写个#zoom:1,会避免一些IE的bug

  6. @ytzong 果然。。多谢提醒。但是我记得当初应该试过这个方法的。。奇怪了

  7. [...] 你是指图片抖一下吗? 触发#header的hasLayout即可 position:relative的元素,我都会顺手写个#zoom:1,会避免一些IE的bug ytzong – 02月 4, 2010 @04:54 [...]

  8. 路过,看楼上两位精彩讨论,闪人~!

添加新评论 »




* Required (but your email address will never be published)