Home/ Questions/Q 7677501
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T17:26:12+00:00

I have this html file where I want to overlay some text over another.

  • 0

I have this html file where I want to overlay some text over another. I tried to use the z-index property but can’t get it to work. What is missing in my code?

thanks a lot

Here is the code

<html>
<head>
<style>
#overlay {
    z-index:100;
}
</style>

</head>
<body>
<div id='overlay'>overlayed text</div>

This is some dummy text

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to set position: absolute. The z-index applies to elements that aren’t statically positioned (see BoltClock’s comment).

    <html>
<head>
<style>
#overlay {
    background-color: #EEEEEE;
    position: absolute;
    z-index:100;
}
</style>

</head>
<body>
<div id='overlay'>overlayed text</div>

This is some dummy text

</body>
</html>
    • 0