Home/ Questions/Q 7035329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T01:17:29+00:00

When a button is clicked i create a DIV and make it like a

  • 0

When a button is clicked i create a DIV and make it like a pop-up window, but i want the background around this box to be ‘shadowed’ and that it’s not possible to click on the links and inputfields there.

How can you make this with javascript?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Directly inside the <body> create a <div> and give it an id. In your <style> tag, give it the following style attributes (you can add more if you want):

    position: fixed;
z-index: 3;
width: 100%;
height: 100%;
background-color: rgba(0,0,0.5);

    Raise its z-index as you see fit (make sure the pop-up has a higher z-index, though). You can also adjust the opacity of its color by changing the 4th value of the rgba() object, ranging from 1 (opaque) to 0 (transparent). If it doesn’t occupy the entire page, make sure the <body> and <html> tags don’t have style attributes giving them margins, padding, or borders.

    • 0