Hello I have a website that I am making. I have text and buttons over a background that used to work before the background was added. But now they no longer work. They are drawn to the screen but do not function. Look at this code for a minute:
<div id = "rect0">
<div class = "banner grid_18" href="about.html">
<a href="logic.html" class="button" id ="new">View Article</a>
<div class=" grid_8 callout">
<a href="gallery.html" class="button" id ="new1">View Gallery</a>
z-index: -1 makes it work. See this Fiddle as reference.
Since your buttons are all inside the
div you apply
z-index: -1; to they all get pushed into the background as well and are therefore disabled.