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
Post a Comment