屏幕正中间浮窗html,HTML 纯css浮窗居中和打开or关闭

HTML 纯css浮窗居中和打开or关闭

.fixed{

position: fixed;

left: -100%;

right:100%;

top:0;

bottom: 0;

text-align: center;

font-size: 0;

_display:none;/*IE6隐藏，不显示*/

}

.fixed:after {

content:"";

display: inline-block;

vertical-align: middle;

height: 100%;

width: 0;

}

.content{

display: inline-block;

*display: inline;

*zoom: 1;

vertical-align: middle;

text-align: left;

position: relative;

right: -100%;

font-size: 16px;

background-color: #ddd;

color: #06f;

width: 200px;

height: 150px;

}

.openbtn{ _display:none;}

打开窗口

关闭窗口

阅谁问群诵
水落清香浮

PS：IE6时，隐藏不显示。兼容IE8+，火狐，谷歌，欧朋，苹果。

效果图：