+ -
当前位置:首页 → 问答吧 → 用position在页面中实现绝对居中,求ie6兼容办法

用position在页面中实现绝对居中,求ie6兼容办法

时间:2011-09-01

来源:互联网

#windows_open{
                                position:absolute;
              top:30%;
              left:20%;
              right:20%;
              bottom:30%;
              background:blue;
              overflow:hidden;
                           }

<body><div id="#windows_open"></div></body>

这个效果ie6下,怎么实现呢?
谢谢大家

作者: bluelong47   发布时间: 2011-09-01


<style> .mydiv { left:50%; /*FF IE7*/ top:50%; /*FF IE7*/ margin-left:-150px!important; /*FF IE7 该值为本身宽的一半 */ margin-top:-60px!important; /*FF IE7 该值为本身高的一半*/ margin-top:0px; position:fixed!important; /*FF IE7*/ position:absolute; /*IE6*/ _top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/ width:300px; height:120px; background:#C5E6EF; color:#888; line-height:120px; text-align:center; } </style> <div class="mydiv">水平垂直居中</div>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 fang004 于 2011-9-1 15:16 编辑 ]

作者: fang004   发布时间: 2011-09-01

热门下载

更多