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}☆{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
Post a Comment