0

我有以下 HTML 和 CSS，现在我想以任何浏览器窗口大小将弹出窗口定位在屏幕中间。如果没有 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>
4

2 回答 2

2

使用百分比，您可以设置您的框，使其一半位于左侧。所以

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

您也可以使用 px 但您将被限制为绝对容器宽度。你四处搜寻过吗？我知道有一些文章比我更广泛地解释了这种方法。

于 2011-02-23T13:55:57.893 回答
0

当然，这是可能的，但你要如何让它消失呢？

那将需要JavaScript...

于 2011-02-23T13:46:39.380 回答