js, um den Popup-Effekt zu erzielen

<!-- Popup-Ebene -->
<div id="popLayer"></div> <!--Schwarze Maske-->
<div id="popBox">
  <div Klasse="schließen">
   X
  </div>
  <div>
   <!-- Inhalt -->
 </div>
</div>

//Klicken Sie auf die Schaltfläche „Schließen“. var close = document.querySelector(".close")
schließen.onclick = Funktion () {
 console.log("klicken")
 var popBox = document.getElementById("popBox");
 var popLayer = document.getElementById("popLayer");
 popBox.style.display = "keine";
 popLayer.style.display = "keine";
}


//Aufruf, wenn Anzeige erforderlich istvar popLayer = document.getElementById("popLayer");
popBox.style.display = "Block";
popLayer.style.display = "Block";

/* Popup-Ebene*/
#popLayer {
 Anzeige: keine;
 Hintergrundfarbe: #000;
 Position: absolut;
 oben: 0;
 rechts: 0;
 unten: 0;
 links: 0;
 Z-Index: 10;
 Deckkraft: 0,6;
}

/*Popup-Ebene*/
#popBox {
 Anzeige: keine;
 Hintergrundfarbe: #FFFFFF;
 Z-Index: 11;
 Breite: 220px;
 Höhe: 300px;
 Position: fest;
 oben: 0;
 rechts: 0;
 links: 0;
 unten: 0;
 Rand: automatisch;
}

/*Schaltfläche „Schließen“*/
#popBox .schließen {
 Breite: 20px;
 Höhe: 20px;
 Randradius: 50 %;
 Position: absolut;
 Rand: 1px durchgezogen #fff;
 Farbe: #fff;
 Textausrichtung: zentriert;
 Zeilenhöhe: 20px;
 rechts: 8px;
 oben: 8px;
 Z-Index: 50;
}

#popBox .schließe ein {
 Textdekoration: keine;
 Farbe: #2D2C3B;
}