Home/ Questions/Q 6336865
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T19:08:23+00:00

I’m trying to get the textboxes to float over the canvas in the appropriate

  • 0

I’m trying to get the textboxes to float over the canvas in the appropriate spot.

If I use the id’s to implement the css, it doesn’t work. But If I specify the html element in the CSS instead, it works. (though, then I cannot manipulate the unique textboxes) (Demonstrated by the canvas tag)

Little Help?

<style type="text/css">
canvas { position:absolute;
z-index:-1;
top:0px;
left:100px;
}

.wrapper{ height:100%;
width:100%;                 
}

.username { position:absolute;
top:200px;
left:150px;
visibility:hidden;
z-index:1;
}

.password { position:absolute;
top:300px;
left:150px;
visibility:hidden;
z-index:2;
}

</style>

</head>
    <body>
            <div id="wrapper">
                <canvas id = "gamescreen" height = "800" width = "800"></canvas>
                <input type="text" name="username" id="username" /> 
                <input type="password" name="password" id="password" />
            </div>
    </body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that the . selector works on classes. If you want to select elements using their id you need to use # infront of the id. Example:

    CSS

    #example {
    background: black;
    }

    HTML

    <div id="example></div>
    • 0