CSS是前端必備的技能之一，而掌握覆蓋背景的一半也是非常重要的，下面將詳細介紹該知識點。

/* CSS代碼 */
div {
background-image: url('bg.jpg');
height: 300px;
width: 300px;
position: relative;
}
div:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 1;
}

上述代碼中，我們使用了:before偽元素，并設置了它的位置為absolute，這樣可以讓它脫離文檔流，并且相對于包含它的父元素定位。

接下來，我們設置該偽元素的高度為100%，寬度為50%，這樣就可以將它覆蓋背景的一半。

注意：我們還設置了z-index為1，這是為了將該偽元素放在背景圖片上方，否則會被圖片覆蓋。

最后，為了讓這個半透明的背景層更加美觀，我們可以設置其背景色為rgba(255, 255, 255, 0.5)，其中最后一位0.5表示透明度，可以自行調整。

以上就是如何使用CSS覆蓋背景的一半的方法，希望對大家有所幫助。