title: How do I get a hidden layer to remain visible and clickable over a linked object?
body: <p>This is the site in question: <a href="http://www.seven-lakes-exposure.com/" rel="nofollow">http://www.seven-lakes-exposure.com/</a></p>
  
  <p>The problem I'm having is the drop down submenu appears over the slideshow, but you can't click on "Landscapes" without it disappearing.</p>
  
  <p>This only occurs when the submenu is overlapping the slideshow. Otherwise, the submenu works fine.</p>
  
  <p>Using <code>pointer-events: none</code> on the slideshow enables you to click on the submenu without it disappearing, but obviously it disables the slideshow events, which I don't want.</p>
  
  <p>How do I keep a clickable event visible over another clickable event?</p>
  
  <p>Thanks for your help!</p>