View Full Version : Link is in HTML but not working

05-28-2012, 01:29 PM
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?


05-28-2012, 02:25 PM
It's because you have set z-index:-1; on #banners. You need to use positive z-indexes to get it work.

05-28-2012, 02:43 PM
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.