Le problème que j'ai rencontré aujourd'hui est que la couche de masque derrière la couche pop-up a une barre de défilement, il n'y a donc pas de couche de masque dans la zone invisible sous la barre de défilement. La solution consiste à ajouter CSS.
Code JS
<script type = "text / javascript"> // montre la fonction de calque de masque gris js showbg (ct, contenu) {var bh = $ (document) .Height (); var bw = $ ("body"). width () + 16; var objwh = getObjwh (ct); $ ("# fullbg"). CSS ({largeur: bw, hauteur: bh, affichage: "block"}); var tbt = objwh.split ("|") [0] + "px"; var tbl = objwh.split ("|") [1] + "px"; $ ("# dialogue"). show (); $ ("#" + ct) .css ({top: tbt, gauche: tbl, affichage: "block"}); $ (fenêtre) .scroll (function () {resetbg ()}); $ (fenêtre) .resize (function () {resetbg ()}); } fonction getoBjwh (obj) {var sT = document.documentElement.scrolltop; // distance de la barre de défilement vers la distance var sl = document.DocumentElement.scrollleft; // Distance de la barre de défilement vers la largeur var ch = document.DocumentElement.clientHeight; // la hauteur de la largeur de l'écran du document. var objh = $ ("#" + obj) .height (); // la hauteur de l'objet flottant var objw = $ ("#" + obj) .width (); // la largeur de l'objet flottant var objt = nombre (st) + (nombre (ch) -number (objh)) / 2; var objl = nombre (sl) + (nombre (cw) -number (objw)) / 2; retour objt + "|" + objl; } fonction resetbg () {var fullbg = $ ("# fullbg"). css ("affiche"); if (fullbg == "block") {var bh2 = $ ("body"). height (); var bw2 = $ ("body"). width () + 16; $ ("# fullbg"). css ({width: bw2, hauteur: bh2}); var objv = getObjwh ("dialogue"); var tbt = objv.split ("|") [0] + "px"; var tbl = objv.split ("|") [1] + "px"; $ ("# dialogue"). css ({top: tbt, gauche: tbl}); }} // Fermez le calque de masque et la fenêtre de la fenêtre Grey JS Mask CloseBg () {$ ("# fullbg"). CSS ("Affichage", "Aucun"); $ ("# dialogue"). CSS ("affichage", "aucun");} </cript>Code CSS
#fullbg {fond de fond: gris; Affichage: aucun; Z-Index: 3; gauche: 0px; Opacité: 0,5; en haut: 0; à gauche: 0; hauteur: 100%; Largeur: 100%; Z-Index: 999; Position: fixe; _Position: Absolute; _left: expression_r (documentElement.scrollleft + documentElement.ClientWidth - this.offsetWidth); _top: expression_r (documentElement.scrollTop + documentElement.clientHeight - this.offsetheight); filter: alpha (opacity = 30); Opacité: 0,3; } #dialog {width: 560px; Contexte: #eee; Affichage: aucun; Z-Index: 5; rembourrage: 16px; taille de police: 12px; index z: 1000; Position: Absolute;} # Dialog Sup {Color: # f00;} # Dialog .close0 {position: relative; En haut: -24px; Gauche: 544px; hauteur: 38px; Largeur: 40px;}code html
<div id = "fullbg"> </ div> <! - end js mask maskyer -> <! - Dialog -> <div id = "dialog oging"> <div> <a href = "#" onclick = "closebg ();"> <img src = "__ img __ / close.png" /> </a> </v> <v> <v> <v id = "Dialog_> Informations </h3> <p> (Remarque: Les informations suivantes sont utilisées uniquement pour vous envoyer des matériaux de service pertinents selon les besoins, et ne divulguera pas d'informations. bgcolor = "# fbfbfb"> <b> {$ membre.member_name} </b> </ td> <td bgcolor = "# eeeeee"> <p> * </ sup> nom réel </ td> <td bgcolor = "# fbfbfb"> <b> {$ info.names} </ b> bgcolor = "# eeeeeeee"> Gender </td> <td bgcolor = "# fbfbfb"> <b> <php> echo $ sexe [$ info ['sexe']]; </PHP> </b> </ td> </tr> <Tr> <td BgColor = "# eeeee"> </p> <tr> <td bgColor = "# fbfbfb"> <b> {$ info.telephone} </b> </td> <td bgcolor = "# eeeeee"> email </td> <td Colspan = "3" bgcolor = "# fbfbfb"> <b> {$ membre.email} </ b> <tr> <td colspan = "2" bgcolor = "# eeeeeeee"> <p> * </ sup> ID valide (carte d'identité) </td> <td colspan = "4" bgcolor = "# fbfbfb"> <b> {$ info.ids} </b> </td> </tr> <tr> <TrD bgcolor = "# eeeeee"> adresse postale </td> <td colspan = "3" bgcolor = "# fbfbfb"> <b> {$ info.address} </b> </td> <td bgColor = "# eeeeee"> Code zip </td> <td = bgcolor = "# fbfbfb"> <b> {$ info.zips} </b> </td> </tr> </s table> </div> </div>Calmez-vous et continuez étape par étape.
L'article ci-dessus est un cliché sur la question de la barre de défilement de la couche de masque. C'est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.