白色半透明黑色文本框 - 燈箱需要？

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

}

沒有收藏需要

格爾茨

牛逼