CSS是一種使網(wǎng)頁(yè)美觀的前端技術(shù)，而其中常用的技巧就包括盒子遮擋。在Web開發(fā)中，可能會(huì)出現(xiàn)在文字或者圖片上覆蓋另一層內(nèi)容的情況，這時(shí)候就需要用到盒子遮擋的技巧。

盒子遮擋就是把一個(gè)盒子和另一個(gè)盒子重疊在一起，這樣后面的盒子就會(huì)被前面的盒子所遮擋住。我們可以使用CSS來實(shí)現(xiàn)盒子的遮擋效果，例如：

.box1 {
width: 200px;
height: 200px;
background-color: red;
position: absolute;
}
.box2 {
width: 150px;
height: 150px;
background-color: blue;
position: absolute;
top: 50px;
left: 50px;
}

在上面的代碼中，我們定義了兩個(gè)盒子，box1和box2。box1是一個(gè)寬度和高度都為200px，背景色為紅色的盒子；box2是一個(gè)寬度和高度都為150px，背景色為藍(lán)色的盒子，位置設(shè)定在box1的中心。

現(xiàn)在，我們想讓box2遮擋住box1的一部分，就可以給box2的位置設(shè)置為相對(duì)于box1的位置。即top和left為50px，就是相對(duì)于box1的top和left值。

代碼執(zhí)行后，box2就遮擋住了box1的一部分，顯示為藍(lán)色。這就是盒子遮擋的一個(gè)基礎(chǔ)應(yīng)用。

總結(jié)來說，盒子遮擋是一種常見的前端技巧，通過CSS的position屬性和top、left、bottom、right值的設(shè)置，我們可以輕松實(shí)現(xiàn)網(wǎng)頁(yè)盒子的覆蓋效果。