Html and CSS buttons do not function -
hello have website making. have text , buttons on background used work before background added. no longer work. drawn screen not function. @ code minute:
<div id = "rect0"> <div class = "banner grid_18" href="about.html"> </div> <a href="logic.html" class="button" id ="new">view article</a> <div class=" grid_8 callout"> </div> <a href="gallery.html" class="button" id ="new1">view gallery</a> </div>
when buttons outside div rect0 function when inside not clickable. here's css encase effecting it.
#rect0{ position: relative; margin-top: -10px; margin-left: 0px; width: 951px; height: 270px; padding-left: 4px; padding-top: 1px; background: #ffffff; z-index: -1; } .button{ background: #242324; color: #b7b7b7; padding: 6px; color: white; font-size: 11px; text-transform: uppercase; } .button:hover{color: #d2d2d2;} #new{ position: absolute; margin-left: -140px; margin-top: 220px; } #new1{ position: absolute; margin-left: 117px; margin-top: 220px; }
what doing wrong doesn't allow buttons activated? - jack.
removing z-index: -1
makes work. see fiddle reference.
since buttons inside div
apply z-index: -1;
pushed background , therefore disabled.
Comments
Post a Comment