How to control layering in HTML/CSS without making links nonfunctioning?
I am trying to make the image carousel show UNDER the green banner on the top left. If I set z-index on the carousel to -1, the left/right buttons don't work. However if I set z-index to 999999 on the banner, it does not appear over the carousel. How can I accomplish this? Thanks!
JS Fiddle located:
position: relative for the image.
<a class="brand" href="#"> <img src="http://18.104.22.168/wunhopkuendo/img/logo.png" style="z-index: 99; position: relative;" /> </a>
The reason behind this is, the
z-index works only on
positioned elements, that are not