首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS浮动弹出窗口:棘手的CSS定位

CSS浮动弹出窗口:棘手的CSS定位
EN

Stack Overflow用户
提问于 2010-08-24 18:06:49
回答 2查看 3.6K关注 0票数 0

我有一个网站,点击一个链接生成一个div。

请允许我更深入地解释一下。我在我的内容管理系统中有一个“页面”表,我已经添加了通过一个小的弹出式div添加新页面的能力。

我的弹出式div是在表格下面定义的,但它是style="display:none“,所以它不会出现在页面上。单击Add New Page按钮后,我的javascript函数将触发一个:

代码语言:javascript
运行
复制
document.getElementById("addPage").style.display="block";

这允许div在调用时神奇地出现。

然而,这是我的问题;我希望这个div总是居中显示,但我的标准页边距:auto不允许它居中div,因为它仍然显示在表格下方(尽管居中/左居中,z-index:999)。

下面是我的CSS代码:

代码语言:javascript
运行
复制
#addPage{
 width:250px; 
 height:180px;
 background-color:#FFFFFF;
 border:1px #000000 solid;
 position:absolute;
 z-index:999;
 padding:10px;
}
EN

Stack Overflow用户

回答已采纳

发布于 2010-08-24 20:08:48

由于您希望垂直居中和水平居中,因此可以使用dead centre technique。它使用绝对定位将已知宽度/高度的元素放在屏幕的中心。

如果覆盖图的尺寸是动态的,那么在显示它之前,您需要做的就是运行一点javascript来确定它的宽度/高度。

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3555349

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档