在没有JavaScript的屏幕中间定位弹出窗口

我有以下的HTML和CSS，现在我想将我的弹出窗口放置在任何浏览器窗口大小的屏幕中间。这可能没有JavaScript？在没有JavaScript的屏幕中间定位弹出窗口

CSS：

.floating-window { 
    z-index: 9999; 
    position: absolute; 
    width: 200px; 
height: 200px; 
    cursor: default; 
    -moz-box-shadow: 1px 1px 1px #888; 
    -webkit-box-shadow: 1px 1px 1px #888; 
    box-shadow: 1px 1px 1px #888; 
}

HTML：

<div class='floating-window box'></div>

来源

2011-02-23 newbie

网站上的弹出式窗口是90年代。 – 2011-02-23 14:19:56

随着百分比，你可以设置你的盒中，使得它的一半是在左侧。所以

width: 30%; 
left: 45%; /* 50% (center) - 15% (half of 30) */

你也可以使用PX但后来你会被限制在一个绝对的容器宽度。你有搜索过吗？我知道有一些文章比我更广泛地解释这种方法。

来源

2011-02-23 13:55:57

当然，这是可能的，但你怎么让它消失？

这将需要的JavaScript ...

来源

2011-02-23 13:46:39 awm

这是真的，但如果不需要JavaScript，为什么使用它而不是CSS？ – newbie 2011-02-23 13:50:57

人们经常使用JavaScript来做他们可以在CSS中做的事情。打败我。 – awm 2011-02-23 13:53:13

在没有JavaScript的屏幕中间定位弹出窗口

回答

相关问题