IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含

BUG描述：

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

分析：

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

解决方法：

1.为包含块元素添加属性position:relative。

2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。

IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含相关推荐

解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题...
解决IE6,IE7下子元素使用position:relative.父元素使用overflow:auto后,子元素不随着滚动条滚动的问题在IE6,IE7下,子元素使用position:relative ...
[css] 要是position跟display、overflow、float这些特性相互叠加后会怎么样？
[css] 要是position跟display.overflow.float这些特性相互叠加后会怎么样? display:none之后别的样式设置成什么都不管用了,dom元素不可见了.positio ...
css 相对定位 position relative
css 相对定位这里相对的意思是,相对于一个元素没有定位前显示的位置,也就是原来显示的位置, 这个需要注意: 下面分两个部分来看相对定位: 第一部分:如何实现相对定位? 代码(1):没有加定位的情况 ...
ie9 scrollbar bug（IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间）
转自文章 http://www.jackness.org/2011/10/18/ie9-scrollbar-bug/ 当我们制作表单的时候,有时候会遇到数据过长,表单列数过多,需要横向滚动条的需求, ...
ie6,ie7,ie8 css bug兼容解决记录
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1 ...
IE6,IE7,IE8 css bug汇总以及兼容解决方法
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1: ...
【转】 IE6 IE7 IE8 css bug兼容性解决方法总结归纳
1:li边距"无故"增加任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑 ...
IE6、IE7、IE8 CSS Bug兼容解决记录
1:li边距"无故"增加任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑 ...
IE6 IE7 IE8 css bug兼容性解决方法总结归纳
转载自 http://blog.csdn.net/freshlover/article/details/7605207 1:li边距"无故"增加任何事情都是有原因的,li边距也不 ...

IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含

IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含相关推荐

最新文章

热门文章