用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下,怎么实现呢?
谢谢大家
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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28