title: Best way to make container div over its contents?
body: <p>If I have a basic cycle2 like on their <a href="http://jquery.malsup.com/cycle2/demo/basic.php" rel="nofollow">demo</a>:</p>
  
  <pre><code>&lt;div class="cycle-slideshow"&gt;
      &lt;img src="http://jquery.malsup.com/cycle2/images/p1.jpg"&gt;
      &lt;img src="http://jquery.malsup.com/cycle2/images/p2.jpg"&gt;
      &lt;img src="http://jquery.malsup.com/cycle2/images/p3.jpg"&gt;
      &lt;img src="http://jquery.malsup.com/cycle2/images/p4.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there any way to make the outer cycle-slideshow <em>above</em> the images with css, so that clicking on the visible image would be actually clicking the container, and background color like rgba(100,100,100,0.5) would be an overlay over every image as they change?</p>