纯CSS弹出框不论页面大小绝对居中适合所有浏览器

最新推荐文章于 2022-06-30 17:49:19 发布

weixin_30538029

最新推荐文章于 2022-06-30 17:49:19 发布

阅读量111

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/yhl4300/archive/2011/11/22/2258763.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出框绝对居中</title>
<style>
.pop_box{height:200px; width:200px; background-color:#f4eee8; text-align:center;position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-100px; _position:absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + (documentElement.clientHeight-this.offsetHeight)/2); /* for IE6 */ overflow:visible; z-index:11;}
.bg{background-color: #000;width: 100%;height: 100%;left: 0;top: 0; /*FF IE7*/filter: alpha(opacity = 70) !important; /*IE*/ opacity: 0.50; /*FF*/z-index: 10;position: fixed !important; /*FF IE7*/position: absolute; /*IE6*/ _height:1120px;}
</style>
</head>

转载于:https://www.cnblogs.com/yhl4300/archive/2011/11/22/2258763.html

weixin_30538029

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
纯CSS弹出框不论页面大小绝对居中适合所有浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt...
复制链接

扫一扫