IE6下position:relative元素外有overflow:auto/scroll元素
2012-11-12 16:34
316 查看
BUG描述:
页面中某div使用了position:relative,外部有元素overflow:auto/scroll。在FF和IE7下表现正常,但是在IE6中该div会随鼠标滚动而滚动。
分析:
这是IE6一个已知的BUG:当某position:relative元素外有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。
解决方法:
外部元素添加属性position:relative。
把该元素的position:relative属性去掉,使用默认的static定位,并通过margin-top等属性实现类似的效果。
代码结构如下
页面中某div使用了position:relative,外部有元素overflow:auto/scroll。在FF和IE7下表现正常,但是在IE6中该div会随鼠标滚动而滚动。
分析:
这是IE6一个已知的BUG:当某position:relative元素外有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。
解决方法:
外部元素添加属性position:relative。
把该元素的position:relative属性去掉,使用默认的static定位,并通过margin-top等属性实现类似的效果。
代码结构如下
<ul style="overflow-y:scroll;"> <li><div style="position:relative;"></div></li> <li></li> </ul>
相关文章推荐
- IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含
- IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含
- IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有position:relative的时候,显示错误。
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题
- 当子元素用position:relative;时,父元素的overflow:hidden;在ie中失效的解决办法
- IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG
- 内层元素设置position:relative后父元素overflow:hidden overflow:scroll失效 解决方法
- IE6 7 父级元素的overflow:hidden 是包不住子级的relative
- IE6、7下父元素overflow:hidden;包不住子元素解决方案
- overflow:auto 的情况下,position:relative 的兼容性的问题
- z-index只能在position属性值为relative或absolute或fixed的元素上有效。
- position:relative|absolute|fixed 与 overflow
- [问题记录]父元素position:relative的深坑
- 前端——对元素标添加position:relative,但不加top和left的作用
- webBasic_day04_CSS_overflow_display_float_position(absolute, relative)
- position:absolute与overflow:hidden,解决子元素设置position:absolute后父元素 overflow:hidden无效的问题
- 绝对定义(position:absolute)的相邻元素margin-top在IE6下失效