Cet article décrit la méthode pour éclater la couche DIV translucide de fond centrée par JS + CSS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> JS + CSS apparaît en haut de l'arrière-plan centré translucide Div Layer </Title>
<style type = "text / css">
corps {marge: 0px;}
#bg {largeur: 100%; hauteur: 100%; en haut: 0px; gauche: 0px; position: absolu; filtre: alpha (opacité = 50); opacité: 0,5; Contexte: # 000000; Affichage: aucun;}
#popbox {position: absolu; largeur: 400px; hauteur: 400px; Gauche: 50%; en haut: 50%; marge: -200px 0 0 -200px; Affichage: aucun; Contexte: # 666666;}
</ style>
<script type = "text / javascript">
fonction pupupen () {
document.getElementById ("bg"). style.display = "bloc";
document.getElementById ("popbox"). style.display = "bloc";
}
fonction pupclose () {
document.getElementById ("bg"). style.display = "Aucun";
document.getElementById ("popbox"). style.display = "Aucun";
}
</cript>
</ head>
<body>
</br>
La couche pop-up CSS, ou fenêtre pop-up, a une boîte contextuelle de fond translucide, est très adaptée aux invites de connexion, d'enregistrement des utilisateurs et d'annonces. </br> IE et FF, OP peut à la fois la fenêtre pop-up, l'arrière-plan est translucide </br>
Principe: deux couches, l'une a une hauteur et une largeur de 100%, et l'autre est le contenu spécifique de la fenêtre que vous souhaitez apparaître. </br> La translucidité en série est utilisée dans IE: Filter: Alpha (opacité = 60); dans l'opacité non d'utilisation non iie: 0,60;
</br> </br> <a href = "#" onclick = "pupopen ()"> Cliquez ici pour ouvrir la fenêtre </a>
<div id = "bg"> </div>
<div id = "popbox"> Deux couches, l'une a une hauteur et une largeur de 100%, et l'autre est le contenu spécifique de la fenêtre que vous souhaitez apparaître. Le translucide est utilisé dans IE: filtre: alpha (opacité = 60); dans l'opacité non d'utilisation non iie: 0,60;
<br>
<br>
<br>
<a href = "#" onclick = "pupclose ()"> cliquez pour fermer la fenêtre </a>
</div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.