Link is in HTML but not working

[jarv]

Hi, on my website: http://aet.inpreview.net/test/wordpress/ my fading banners are linked but I can't click on them?!

Can anyone please help?

thanks

[abduraooft]

It's because you have set z-index:-1; on #banners. You need to use positive z-indexes to get it work.

[Lerura]

in aet.css you have #banners { z-index: -1; .....}

by assigning a negative z-index you make it display behind that the document and thereby it becomes unclickable.

Imagine that the viewport, as a piece of glass, (like a window). on which the document is attached.
elements with zero, no, or positive z-index will be placed i front of the glass, the higher z-index, the closer to you.

While negative z-indexed elements will be displayed behind the glass.

Have you ever tried to slap a fly sitting on the outside of a window, from the inside?
Maybe you have, but I bet you, in that case, were unsuccesful.

I know you have the negative z-index to put #banners behind #myslidemenu

Instead you can put #myslidemenu in front of #banners by giving it z-index:1
or by swapping the code blocks.

<div id="myslidemenu">...</div>
<div id="banners">...</div>

to

<div id="banners">...</div>
<div id="myslidemenu">...</div>

Any way, you have to remove the negative z-index in order to make it clickable.

beside that you have a tried on other element to assign z-index:10px; z-index is not a distance, but more like a rank, where those with the lower rank must go first.