在前端开发中，经常需要让图片与视频进行重叠以达到特效的目的。而使用CSS可以很方便地实现这种效果，下面我们将介绍实现方法。

首先，我们需要在HTML文档中嵌入一个视频，并设置视频所在的DIV的宽度和高度，如下所示：

<div id="video-container">
<video src="example.mp4"></video>
</div>

接下来，我们可以在CSS中设置这个DIV的z-index属性，使其覆盖在图片上方。同时，我们还需要对图片进行定位，以便让它们在同一位置进行重叠。如下所示：

#video-container {
position: absolute;
z-index: 1;
width: 640px;
height: 360px;
top: 0;
left: 0;
}
.image {
position: absolute;
z-index: 0;
top: 0;
left: 0;
}

在上述代码中，视频DIV的z-index被设置为1，而图片DIV的z-index被设置为0。这是因为一个元素的z-index越高，它就越容易出现在其他元素的上层。

最后，我们只需在HTML文档中嵌入一些图片，并通过CSS对它们进行样式设置，以达到重叠效果。如下所示：

<img src="example.jpg" class="image">
<img src="example2.jpg" class="image">

这样，我们就可以让图片与视频进行重叠，同时使用CSS对它们进行样式设置，使页面更加美观。