Css 使容器div覆盖其内容的最佳方法？

如果我有一个基本的循环2，就像他们的：

---

有没有办法用css使外部循环幻灯片显示在图像上方，这样单击可见图像实际上就是单击容器，并且像rgba（100100100,0.5）这样的背景色在图像更改时覆盖在每个图像上？

将z-index:-1设置为图像使容器div覆盖其内容？。。。你是说。。。它们是如何堆积起来的？或者它们是如何叠加的？

<div class="cycle-slideshow">
    <img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p2.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p3.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p4.jpg">
</div>