当我点击一个链接时,弹出窗口出来。问题是它没有与屏幕中心对齐。顺便说一下,我的代码还可以帮助网站(和弹出窗口)在移动版本中完美显示。如何使弹出窗口看看屏幕的中心?
的HTML代码:
<a href="#" data-reveal-id="exampleModal">POP UP</a>
<div id="exampleModal" class="reveal-modal">
<h2>POP UP</h2>
<p>
<font size="4">window window window.window window window. window.
</font>
</p>
<a class="close-reveal-modal">×</a>
</div>
CSS代码:
.reveal-modal
{
background:#e1e1e1;
visibility:hidden;
display:none;
top:100px;
left:50%;
width:820px;
position:absolute;
z-index:41;
padding:30px;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
box-shadow:0 0 10px rgba(0,0,0,0.4)
}
我试图把一些正确的:50%为好,但没有奏效。不应该离开工作?
要么使用jQuery calc下/设置左,或者把p在全宽的容器中进行操作,并且使用text-align:center。 –
js小提琴会帮助 – 2013-10-19 15:39:51