css - 在其内容上制作容器 div 的最佳方法？

Question

如果我在他们的演示中有一个基本的cycle2 ：

<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>

有没有办法用css在图像上方制作外部循环幻灯片，以便单击可见图像实际上是单击容器，并且像rgba（100,100,100,0.5）这样的背景颜色将覆盖每个图像，因为它们改变？