弹出遮罩层水平垂直居中

弹出遮罩层水平垂直居中

很多时候,登陆注册的时候,会需要弹出一个层,且后面有一层遮罩蒙版层,让后面不可点击状态

且需要这个弹出层是水平垂直居中显示的

固定宽高的水平垂直居中好实现

这里的弹出层,是随着内容撑开的,不固定宽高

----------------------------

------------------------------

.wrap .pop {
  width: 80%;
  height: auto;
  background: #FFFFFF;
  border: 1px #000 solid;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  margin-left: -40%;
  z-index: 99;
  display: none;
}

---------------------------------------------

demo参考链接地址:https://files.cnblogs.com/files/leshao/pop.rar

感谢网络朋友:lost 酱油 linxz

posted @ 2016-05-18 09:52  乐少007  阅读(902)  评论(0编辑  收藏  举报