html - 带有半透明黑色背景的白色文本框 - 需要灯箱吗？

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 */

不需要灯箱

问候

T