I want to show a pop-up kind of web page on another web page by darkening it as a background as shown in below images. Can you please help me understanding how this can be achieved?

Example 1:

The background webpage is darkened

https: //i.sstatic.net/9KUEa.png