Masalah yang saya temui hari ini adalah bahwa lapisan topeng di belakang lapisan pop-up memiliki bilah gulir, jadi tidak ada lapisan topeng di area yang tidak terlihat di bawah bilah gulir. Solusinya adalah menambahkan CSS.
Kode JS
<script type = "text/javascript"> // tunjukkan fungsi gray js mask layer function showbg (ct, content) {var bh = $ (dokumen) .height (); var bw = $ ("body"). width ()+16; var objwh = getobjwh (ct); $ ("#fullbg"). css ({lebar: bw, tinggi: bh, tampilan: "blok"}); var tbt = objwh.split ("|") [0]+"px"; var tbl = objwh.split ("|") [1]+"px"; $ ("#dialog"). show (); $ ("#"+ct) .css ({top: tbt, kiri: tbl, tampilan: "blok"}); $ (window) .scroll (function () {resetBg ()}); $ (window) .resize (function () {resetBg ()}); } fungsi getobjwh (obj) {var st = document.documentelement.scrolltop; // jarak bilah gulir ke var teratas sl = document.documentelement.scrollleft; // jarak bilah gulir/document.documentelement.clientHeight; // tingginya var -var var cor = document.documentElement.clientheight;//tingginya var skrining. screen var objh = $ ("#"+obj) .height (); // ketinggian objek mengambang var objw = $ ("#"+obj) .width (); // Lebar objek mengambang var objt = angka (st)+(angka (ch) -number (objh))/2; var objl = angka (sl)+(angka (cw) -number (objw))/2; kembalikan objt+"|"+objl; } function resetBg () {var fullbg = $ ("#fullbg"). css ("display"); if (fullbg == "block") {var bh2 = $ ("body"). height (); var bw2 = $ ("body"). width ()+16; $ ("#fullbg"). css ({lebar: bw2, tinggi: bh2}); var objv = getobjwh ("dialog"); var tbt = objv.split ("|") [0]+"px"; var tbl = objv.split ("|") [1]+"px"; $ ("#dialog"). css ({top: tbt, kiri: tbl}); }} // Tutup lapisan JS Mask Grey JS dan Fungsi Jendela Operasi closeBg () {$ ("#fullbg"). CSS ("display", "none"); $ ("#dialog"). css ("display", "none");} </script>Kode CSS
#fullbg {latar belakang-color: grey; Tampilan: Tidak Ada; z-index: 3; Kiri: 0px; Opacity: 0,5; TOP: 0; Kiri: 0; Tinggi: 100%; Lebar: 100%; z-index: 999; Posisi: diperbaiki; _Posisi: absolut; _Left: Expression_R (DocumentElement.Scrollleft + DocumentElement.ClientWidth - this.offsetWidth); _top: Expression_r (DocumentElement.scrolltop + DocumentElement.ClientHeight - this.offsetHeight); filter: alpha (opacity = 30); Opacity: 0.3; } #dialog {width: 560px; Latar Belakang: #EEE; Tampilan: Tidak Ada; z-index: 5; padding: 16px; font-size: 12px; z-index: 1000; Posisi: absolute;}#dialog sup {color:#f00;}#dialog .close0 {position: relatif; Atas: -24px; Kiri: 544px; Tinggi: 38px; Lebar: 40px;}Kode HTML
<Div id = "fullbg"> </div> <!-end js mask layer-> <!-dialog-> <div id = "dialog"> <v> <a href = "#" onclick = "closeBg ();"> <mg src = "__ img __/close.png"/</a> </a> Informasi </h3> <p> (Catatan: Informasi berikut hanya digunakan untuk mengirimi Anda materi layanan yang relevan sesuai kebutuhan, dan tidak akan membocorkan informasi. Harap pahami) </p> <Table CellPacing = "1" CellPadding = "0"> <tr> <td bgcolor = "#eeeee"> <sup> </sup> id </td </td> td> <ted "> <sup> </sup> id </td </td> td> <t td"> <t t td> </td </td> bgcolor = "#fbfbfb"> <b> {$ member.member_name} </b> </td> <td bgcolor = "#eeeeeee"> <sup>*</sup> </td> <td bgcolor = "#fbfbfb"> </td> <td BgColor = "#fbfbfb"> </td </td {npo.kolor = "#fbfbfb"> </td> <td bgcolor = "#fbfbfb"> </td </td {npo.names = "#fbfbfb"> </td> <td bgcolor = "#fbfbfb"> </td <td BgColor = "#fbfbfb"> </td </td {no {npo. bgcolor = "#eeeeeeeee"> gender </td> <td bgcolor = "#fbfbfb"> <b> <php> echo $ gender [$ info ['gender']; </php> </b> </td> </tr> <TR> <TD BGCOLOR = " <td bgcolor="#fbfbfb"><b>{$info.TELEPHONE}</b></td> <td bgcolor="#eeeeee">Email</td> <td colspan="3" bgcolor="#fbfbfb"><b>{$member.EMAIL}</b></td> </tr> <tr> <td colspan="2" bgcolor="#eeeeeeee"><sup>*</sup>Valid ID (ID card)</td> <td colspan="4" bgcolor="#fbfbfb"><b>{$info.IDS}</b></td> </tr> <tr> <td bgcolor = "#eeeeeee"> Alamat surat </td> <td colspan = "3" bgcolor = "#fbfbfb"> <b> {$ info.address} </b> </td> <td Bgcolor = "#eeeeeeeeeeeeeeeeeeeeeeeeeeeeeee </td> <td BgColor ="#eeeeee "> Zip kode </td> <td> <td> </td </td> <td> </td td> </td td </td> <td> </td td> </td td> </td td> </td td> </td td> </td td> </td td> </td td> </td td> </td td> </td td> </td> </td td> </td td> bgcolor = "#fbfbfb"> <b> {$ info.zips} </b> </td> </tr> </able> </div> </div>Tenang dan lanjutkan langkah demi langkah.
Artikel di atas adalah klise tentang masalah Bar Gulir Lapisan Topeng. Ini semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.