点击积累:绝对定位的水平居中

 在做某首页的时候碰到一个问题:首页是简单的一个flash文件,但是有一个底栏,版权信息等内容。要把这个底栏的div放到flash上面,即flash区域靠下的位置。

直接给了一个负的margin-top,在IE里是OK的,这个底栏会在flash这个div的上面,但是其他浏览器会跑到flash这个div的下面,也就是文字会被flash遮住。

那么,就考虑到用z-index。但是z-index只对绝对定位的元素有用,那么,将flash和底栏的两个div绝对定位之后,怎么自动水平居中呢?

首先,两者的宽度是确定的,这里是960px,然后设置left:50%;再把左侧的margin设置成负的全部宽度的一半:margin-left:-480px;

0 条评论

留下评论