Facial Hair The Cat Facial Hair The Cat - 1 month ago 7
CSS Question

:hover not working on div, working on other parts of page

My hover class is not working on my button div however it is working on other parts of my webpage including ones using the absolute position.

Thanks in advance

HTML

<div class="desbutton">
<p class="butText">READ MORE</p>
</div>


CSS

.desbutton{
margin-left: 25px;
margin-bottom: 25px;
height: 36px;
width: 113px;
background-color: #4A6D81;
border-radius: 2px;
position: absolute;
bottom: 0;}

.desbutton:hover{
background-color: #80999E;}


Jsfiddle with full src

Answer

Please check : why do you have in your .designCard attr z-index: -1. This causes that your body element is higher then your card and because of this your hover is never "called"