如何在覆盖层上放置弹出窗口
这是我的html代码：
<html lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
<div id="main">
<div id="overlay"></div>
<popup></popup>
</div>
<script type="text/javascript" src="./vue.js"></script>
<script type="text/javascript" src="./vue-resource.min.js"></script>
<script type="text/javascript" src="index.js"></script>
</body>
</html>
和css代码：
#overlay {
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;
}
#popup {
position: fixed;
left: 33%;
right: 33%;
width: 30%;
height: auto;
padding: 1%;
}
共有1个答案
添加z-index以指定堆栈顺序。
#overlay {
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;
}
#popup {
position: fixed;
left: 33%;
right: 33%;
width: 30%;
height: auto;
padding: 1%;
z-index: 3;
}
-
默认情况下，Weebly会将jquery函数附加到它的子菜单中，隐藏子菜单并在用户悬停在父菜单元素上时显示它。 有没有人知道有没有办法防止这种情况发生？这都是在可配置的HTML/CSS/JavaScript项加载自定义页面模板之后执行的。 Weebly起初拒绝为自定义模板问题提供帮助。 此URL http://www.base.co/ 当用户悬停在父菜单上时，左侧菜单上的子菜单会受到javascr
-
问题内容： 我正在尝试为外部应用程序创建HUD样式显示。 为此，我需要创建一个透明的叠加窗口，该窗口将位于外部应用程序窗口的顶部。覆盖窗口应允许我放置小部件并在其上绘制文本。如果事件发生在透明区域上，则事件应该转发到基础窗口（否则，使窗口小部件可以按预期工作）。 我正在使用Java的OSX上执行此操作。我希望可以使用纯Java来实现此目的，并且可以移植到其他平台，但如果不可能的话，我会选择可以通过
-
我正在寻找一些关于渲染子窗口的信息，特别是关于OpenGL如何与GDI互操作的信息。我的问题是，我基本上有两个窗口，首先，主窗口是在qt中创建的，而在qt内部，子窗口是利用OpenGL渲染器托管的。 现在我想做的是在我的OpenGL窗口顶部托管一个覆盖，所以我用它来覆盖OpenGL窗口。我遇到的问题是，当我使用OpenGL渲染时，OpenGL生成的图形似乎模糊了图形区域，包括并有效地撤消了由qt合
-
本文向大家介绍jQuery Mobile弹出窗、弹出层知识汇总，包括了jQuery Mobile弹出窗、弹出层知识汇总的使用技巧和注意事项，需要的朋友参考一下 先创建一个窗体 1）点击后弹出 2）页面加载后弹出 关键字说明： data-overlay-theme: 背景色透明灰 data-position-to: 弹窗在窗口居中显示 data-dismissible: 是否允许单击窗口外任一位置关
-
我想在android中显示弹出窗口时处理back press事件。我确实喜欢这个。在片段中： 在活动中，我确实喜欢这样 问题是，当我第一次按下back按钮时，popupwindow就消失了，override onBackPressed方法没有被调用。除非我按两次后退按钮。我像这样显示我的弹出窗口 谢谢你的帮助
-
我有一个标签活动。它包含一个包含片段项的listView。我有一个按钮在这些列表项（这是片段），我想当我单击它显示一个弹出窗口。不幸的是，我能看到弹出窗口，我想这是因为列表项的显示太小了。我实际上想在包含列表的活动中看到它。 有什么想法吗？ RowinHomeMab是listView中的一个项，它放置在TabActivity中。