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

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

java - Digest auth with Spring Security using javaconfig -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -