html - Image Link Not Working -


in webpage have set image link/anchor using following code:

<div class="bg_1">         <div class="absolute-center">             <span style="font-size: 50px; color: aqua">in short.</span><br />             live life @ own pace.<br /><br /><br /><br /><br /><br /><br />             <a href="#home1"><img src="images/scrolldown.png" width="50" height="50" border="0" /></a>         </div>     </div>     <div style="height: 100vh; background-color: black;" >         <a name="home1"></a>     </div> 

however when run page image not appear clickable, nor take anywhere when click. ideas? if makes difference image using transparent.
edit:
have narrowed problem down being caused z-index. css code "bg__1" follows:

.bg_1 {     height: 100vh;     position: relative;     z-index: -1;     background-position: center center;     background-size: cover;     background-image: url(http://31.media.tumblr.com/2c3a72acc53b1a78ef3b6c4986604cd2/tumblr_ni0jt8skly1sr6759o1_500.gif); } 

removing z-index line fixes problem need z-index layout.

without seeing layout of page difficult find fix. however, have few possibilities:

  • change page layout
  • remove z-index: -1 css styles
  • find element overlapping image , add pointer-events: none it's style. then, click events pass through image.
  • change z-index of element overlapping image, , give lower z-index value

Comments

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

python - How to remove the Xframe Options header in django? -