html - Why are only some of my links selectable and react when hovered over? -


i'm working on tumblr theme , have run across problem links. links in navigation bar (.navstuff) respond when hovered on , lead link want. in posts, tags, dates, heart/reblog buttons, , note count should respond when hovered over, none of them except post on bottom. why happening , how can fix this? can see on jsfiddle here.

.tags {     text-align: left;     margin: 0;     padding: 0;     list-style-type: none; } {     color: #808080; /*link color remove link underline */     text-decoration:none; } a:hover {     color: #f5cfe0; /*hover on link */ } 
<div class="post">             {block:title}                 <h3>                     <a href="{permalink}">{title}</a>                 </h3>             {/block:title}             {body}             <ul class="like-reblog">               <li>{likebutton}</li>               <li>{reblogbutton}</li>               <li>{block:notecount}<a href="{permalink}#notes">{notecount}</a>{/block:notecount}</li>               <li>{block:date}<a href="{permalink}">{month}&#x2606;{dayofmonth}{dayofmonthsuffix} {year}</a>{/block:date}</li>             </ul>             {block:hastags}             <ul class="tags">                 <li>{block:tags}<a href="{tagurl}">{tag}</a></li>{/block:tags}             </ul>             {/block:hastags}             </div> 

thank you.

this because div #sidebar overlaying content. add stacking context place below posts:

#sidebar {     position: fixed;     z-index: -1; } 

Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -