Este artículo describe el método de sacar la capa DIV translúcida de fondo centrada por JS+CSS. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! 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">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JS+CSS aparece el fondo centrado de fondo translúcido Div Layer </title>
<style type = "text/css">
cuerpo {margen: 0px;}
#bg {ancho: 100%; altura: 100%; arriba: 0px; izquierda: 0px; posición: absoluto; filtro: alfa (opacidad = 50); opacidad: 0.5; Antecedentes:#000000; Pantalla: ninguno;}
#popbox {posición: absoluto; ancho: 400px; Altura: 400px; Izquierda: 50%; arriba: 50%; margen: -200px 0 0 -200px; Pantalla: ninguno; Antecedentes:#666666;}
</style>
<script type = "text/javaScript">
function pupopen () {
document.getElementById ("bg"). style.display = "bloque";
document.getElementById ("popbox"). style.display = "bloque";
}
function pupClose () {
document.getElementById ("bg"). style.display = "none";
document.getElementById ("popbox"). style.display = "Ninguno";
}
</script>
</ablo>
<Body>
</br>
La capa emergente CSS, o ventana emergente, tiene un cuadro emergente de fondo translúcido, es muy adecuado para el inicio de sesión del sitio web, el registro del usuario y las indicaciones de anuncios. </br> IE y FF, OP pueden ambas ~ ventana emergente, el fondo es translúcido </br>
Principio: Dos capas, una tiene una altura y un ancho del 100%, y el otro es el contenido específico de la ventana que desea aparecer. </br> La translucencia en serie se usa en IE: Filtro: alfa (opacidad = 60); en no usar opacidad: 0.60;
</br> </br> <a href = "#" onClick = "Pupopen ()"> Haga clic aquí para abrir la ventana </a>
<div id = "bg"> </div>
<div id = "popbox"> Dos capas, una tiene una altura y un ancho del 100%, y el otro es el contenido específico de la ventana que desea aparecer. Translúcido se usa en IE: Filtro: alfa (opacidad = 60); en no usar opacidad: 0.60;
<br>
<br>
<br>
<a href = "#" onClick = "PupClose ()"> Haga clic para cerrar la ventana </a>
</div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.