三月 16

三月 16th, 2010IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含

Html/Css/PsKelvin8:46

BUG描述：

页面中某div使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该div会随鼠标滚动而滚动。

分析：

这是IE6一个已知的BUG：当某position:relative元素被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。

解决方法：

  • 为包含块元素添加属性position:relative。
  • 把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。

Rss 2.0TrackBack

本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议，转载请注明作者及出处。

Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网

相关日志

随机日志

« JavaScript类和继承：constructor属性 Css3 新特性 »

1个 评论 (发表您的评论)

  1. talk:

    引用 | #1小黑 回复这条评论 Says @ 四月 15th, 2010 at 16:23

    css确实是个很复杂的活… 特别是遇到IE6。

要说点啥就在这吧