position:relative VS overflow:auto

今天被position:relativeoverflow:auto的问题困绕一下午,尤其是 恶劣的网络环境实在让人头疼,不抱怨那么多没用的啦。还是说说今天的问题吧,首先是碰到一个背景比较复杂的图,我懒的按以前那样切成N个格子一块一块显示 出来,于是就用了png分成N个透明层来做。由于有一部分是半透明的,所以俺加载了一个 iepngfix的脚本来实现ie6.脚本是给png的半透明图片加上相对定位,然后再铺上一层透明的gif来实现。该半透明的容器A 里面的文本为了要控制高度,所以给#容器A的p加上了

overflow:auto

,这样写在ie7, firefox,opera这些浏览器下是没有什么问题的啦,但是ie6为了提醒我很久没有去找它玩了,于是便罢工怎么也不愿意让我拖动那个滚动条。俺求助gogo大神之后,它说要给容器A

overflow:auto

,容器A里面的P

position:relative

才可以满足ie6这个小贱人,俺在万般无奈之下。只能是用出了必杀技——重新画了一个不带透明的背景图。于是容器A就不被强制要求相对定位以后轻松搞定,所以亲爱的同学们,赶紧换浏览器吧~为了让我以后的工作能轻松一点再愉快一点

Related Posts