tendrias que crear un boton y una estructura de div por ejemplo :

    <button type="button" id="button" onclick="abrirPopup">
       Abrir popup
    </button>
    <div id="popup-bg">
       <div id="popup-div-principal>
         <div class="cerrar-popup" title="cerrar el popup" onclick="cerrarPopup()">
            <p>X</p>
         </div>
       </div>
    </div>

el primer div seria el fondo, osea le podes poner que sea negro semitrasparente para opacar el resto del contenido y sobretodo debe tener el `display: none;` y `position: absolute;` para que no se vea de entrada y para que puedas jugar con el top, botton, right y left para darle la posicion.

lo que falta ahora es hacerlo aparecer cuando le das click al boton y eso se hace de la siguiente manera : 

     //JavaScript puro
     //agarramos el div de fondo 
     var miDiv = document.getElementById("popup-bg");
     
     function abrirPopup() {
        miDiv.style.display = "block";
     }

     function cerrarPopup() {
        miDiv.style.display = "none";
     }