Unable to click textbox with negative z-index

Question

I have a textbox in the middle of the screen, but when I click on it, no clicks are registered. I think it\'s a CSS Z-Index issue. How do I go about diagnosing and fixing t

Answer 1

The issue is with the z-index property of div#container element assigned as -1.

Set the z-index for the element to some higher value like 1000 etc.

div#container {

    background-color: #E9E9E9;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    clear: left;
    height: 75px;
    margin: 0 auto 13px;
    overflow: auto;
    padding-top: 8px;
    position: relative;
    text-align: center;
    width: 510px;
    z-index: 1000;
}