在前端開發(fā)中，遮蓋層是一個經(jīng)常使用的功能，可以用來實現(xiàn)彈窗、提示框等效果。在遮蓋層上添加文字，可以使提示信息更加直觀明了，本文將介紹如何將文字加在遮蓋層上。

首先，我們需要通過CSS將遮蓋層的樣式設(shè)置出來：

.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* 設(shè)置半透明黑色背景 */
z-index: 999; /* 將遮蓋層置于頁面最頂層 */
}

在HTML中添加遮蓋層：

<div class="overlay"></div>

接下來，我們在遮蓋層上添加文字，可以使用position: absolute將文字位置固定在遮蓋層上，代碼如下：

.overlay {
/* 省略樣式 */
position: relative;
}
.overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
}

在HTML中添加文字：

<div class="overlay">
<div class="overlay-text">這里是提示信息</div>
</div>

通過以上代碼，我們便可以將文字添加在遮蓋層上，實現(xiàn)提示信息的功能。