CSS中，圖片覆蓋div并不是一件難事，只需要熟悉一些基本的CSS屬性就能實現。

首先，在HTML中添加一個div元素：

<div id="my-div"></div>

接下來，在CSS中設置div的寬度、高度和背景顏色：

#my-div {
width: 300px;
height: 200px;
background-color: #ccc;
}

現在，我們想要把一張圖片覆蓋在這個div上，可以使用CSS中的background-image屬性：

#my-div {
width: 300px;
height: 200px;
background-color: #ccc;
background-image: url("my-image.jpg");
}

需要注意的是，圖片的路徑應該正確，并且應該是相對于CSS文件的相對路徑或者是絕對路徑。

如果我們希望圖片居中顯示，并且完全覆蓋整個div，可以使用background-size和background-position屬性：

#my-div {
width: 300px;
height: 200px;
background-color: #ccc;
background-image: url("my-image.jpg");
background-size: cover;
background-position: center center;
}

以上就是CSS中圖片覆蓋div的基本方法，根據實際情況可以進行一些調整和擴展。