Tag Archives: xhtml

position:relative VS overflow:auto

今天被position:relative和overflow: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就不被强制要求相对定位以后轻松搞定,所以亲爱的同学们,赶紧换浏览器吧~为了让我以后的工作能轻松一点再愉快一点

常见问题解决方法

1.超链接访问过后hover样式就不出现的问题
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A
Code:
<style type=”text/css”>
<!–
a:link {}
a:visited {}
a:hover {}
a:active {}
–>
</style>