CSS中的z-index屬性可以用來控制元素的堆疊順序，從而實現(xiàn)覆蓋效果，在HTML中，我們可以使用div元素來創(chuàng)建一個容器，并在其中放置照片，為了將照片覆蓋在div元素上，我們可以將照片的z-index值設(shè)置為高于div元素的z-index值。

以下是一個簡單的示例，展示了如何使用CSS將照片覆蓋在div元素上：

<div style="position:relative;height:200px;width:200px;">
    <img style="position:absolute;top:0;left:0;z-index:1;" src="photo.jpg" />
    <div style="position:absolute;top:0;left:0;z-index:2;">
        <p>這是一段文字</p>
    </div>
</div>

在上面的示例中，照片被放置在div元素的***位置（top:0;left:0;）上，并且其z-index值設(shè)置為1，這意味著它將覆蓋在div元素上，div元素中的文字也被放置在***位置上，但其z-index值設(shè)置為2，這意味著它將被照片覆蓋。

z-index值越高的元素將覆蓋在z-index值越低的元素上，如果您需要將照片覆蓋在多個div元素上，只需將照片的z-index值設(shè)置為高于這些div元素的z-index值即可。

希望這個示例能夠幫助您實現(xiàn)CSS中照片覆蓋div元素的效果。