Home/ Questions/Q 8297085
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T15:16:15+00:00

I have a code which generates a rotating slider, the images shown should be

  • 0

I have a code which generates a rotating slider, the images shown should be clickable, here is a code snippet from it,

 <a href="http://interface.eyecon.ro/demos/images/imagebox/bw1.jpg"
     title="Moon eclipse"
     rel="imagebox" 
     style="top: 20.759592462354455px; left: 222.80008662503428px; width: 52px; height: 26px; z-index: 3; ">
     <img src="./Website_files/th_bw1.jpg" width="100%">
 </a>

The links displayed on the slider do not work. As you can see, the link uses zIndex, I am sure that is causing the links not to work but I am unable to decide what should be the done to fix this problem. Please help out. Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Check if the DOM element is absolute to the parent, I had the same problem.

    Here is an Example.

    EDIT:
    You should add a class witch would tell that element that it’s absolute to the parent and all other elements should be absolute to with z-index < 3 then link should be click-able.

    EDIT[2]:
    Could you give some jsfiddle example where the code is used so I could change it up so it works!

    EDIT[3]: Basically even if it puts an object into something, you should be able to assign that element <a> is position: absolute to the parent, and then the z-index property will work.

    • 0