首页 > web前端 > html教程 > css实现的弹出窗口始终垂直水平居中效果_html/css_WEB-ITnose

css实现的弹出窗口始终垂直水平居中效果_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:28:33
原创
922 人浏览过

css实现的弹出窗口始终垂直水平居中效果:
本章节介绍一下如何实现一个弹出窗口实现垂直水平居中效果,无论是否拖动滚动条。
代码实例:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">body{  height:1000px;}.antzoen{  position:fixed;  width:250px;  height:100px;  background:#ececec;  left:50%;  top:50%;  margin-left:-125px;  margin-top:-50px}</style></head><body><div class="antzoen"></div></body></html>
登录后复制

上面的代码实现了我们的要求,可以实现始终垂直水平居中的效果。
fixed在IE6中不支持,但是现在还用考虑IE6吗。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15473

更多内容可以参阅:http://www.softwhy.com/divcss/

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板