半透明黑色bg的白色文本框 - 需要灯箱吗？

Question

我正在尝试使用Chrome扩展程序来使用我的Android应用程序，我需要为它编写html / css代码;与扩展程序交互后，您可以将标签添加到某个页面，有点像口袋。

我已设法创建页脚，但现在我坚持使用添加标签html / css，我是否需要使用灯箱来实现以下效果：

如果没有，有关我应该做什么的任何提示或教程？

由于

Answer 1

插入2个div：CSS

/* ID OVERLAY */
#overlay {
position absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000; /* or transparent pixel 
opacity: 0.3; /* your transparecy */
z-index: 1000; /* Must just be higher than your layout, 1, 2, whatever */
}

/* ID Lightboxlike Content */

#LBcontent {
position relative;
top: 200px;
width: 600px;
height: 300px;
background: #fff;
margin: auto;
z-index: 2000; /* Higher than the first one #overlay */

}

不需要灯箱

格尔茨

Ť