In diesem Artikel wird die Methode beschrieben, die zentrierte durchscheinende Div -Schicht von JS+CSS aus der zentrierten Hintergrund herauszuholen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<titels> JS+CSS taucht die zentrierte durchscheinende DIV -Schicht des zentrierten Hintergrunds auf </title>
<style type = "text/css">
Körper {Margin: 0px;}
#BG {Breite: 100%; Höhe: 100%; oben: 0px; links: 0px; Position: Absolut; Filter: Alpha (Opazität = 50); Opazität: 0,5; Hintergrund:#000000; Anzeige: keine;}
#POPBOX {Position: Absolute; Breite: 400px; Höhe: 400px; Links: 50%; Top: 50%; Rand: -200px 0 0 -200px; Anzeige: Keine; Hintergrund:#666666;}
</style>
<script type = "text/javaScript">
Funktion pupopen () {
document.getElementById ("bg"). style.display = "block";
document.getElementById ("popbox"). style.display = "block";
}
Funktion pupclose () {
document.getElementById ("bg"). style.display = "Keine";
document.getElementById ("popbox"). style.display = "keine";
}
</script>
</head>
<body>
</br>
Das CSS-Popup-Schicht oder das Popup-Fenster verfügt über eine durchscheinende Popup-Box des durchscheinenden Hintergrunds und eignet sich sehr für die Anmeldung, Benutzerregistrierung und Ankündigungsanträge für die Website. </br> dh und ff, OP kann beide ~ Popup-Fenster, der Hintergrund ist durchscheinend </br>
Prinzip: Zwei Schichten haben eine Höhe und eine Breite von 100%, und der andere ist der spezifische Inhalt des Fensters, das Sie tauchen möchten. </br> Serientransuzenz wird in IE: Filter: Alpha (Deckkraft = 60) verwendet. in Nicht-IE-Verwenden von Deckkraft: 0,60;
</br> </br> <a href = "#" onclick = "pupopen ()"> Klicken Sie hier, um das Fenster zu öffnen </a>
<div id = "bg"> </div>
<div id = "popbox"> Zwei Ebenen, eine Höhe und Breite von 100%, und der andere ist der spezifische Inhalt des Fensters, das Sie aufgeben möchten. Transluzent wird in IE: Filter: Alpha (Opazität = 60) verwendet; in Nicht-IE-Verwenden von Deckkraft: 0,60;
<br>
<br>
<br>
<a href = "#" onclick = "pupclose ()"> klicken, um das Fenster zu schließen </a>
</div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.