Проблема, с которой я столкнулся сегодня, заключается в том, что слой маски за всплывающим слоем имеет полосу прокрутки, поэтому в невидимой области нет слоя маски. Решение состоит в том, чтобы добавить CSS.
JS -код
<script type = "text/javascript"> // Показать функцию слоя маски Grey JS Showbg (CT, Content) {var bh = $ (document) .height (); var bw = $ ("body"). ширина ()+16; var objwh = getObjwh (ct); $ ("#fullbg"). CSS ({ширина: BW, высота: BH, дисплей: "block"}); var tbt = objwh.split ("|") [0]+"px"; var tbl = objwh.split ("|") [1]+"px"; $ ("#Dialog"). Show (); $ ("#"+ct) .css ({top: tbt, слева: tbl, display: "block"}); $ (window) .scroll (function () {resetbg ()}); $ (window) .resize (function () {resetbg ()}); } function getObjwh (obj) {var st = document.documentelement.scrolltop; // Расстояние полосы прокрутки до верхнего var sl = document.documentelement.scrollleft; // Расстояние полосы прокрутки до левого var ch = document.documentelement.clientHeight; // vare of the ar -var varw var var vAr -var. Экран var objh = $ ("#"+obj) .height (); // Высота плавающего объекта var objw = $ ("#"+obj) .width (); // Ширина плавающего объекта var objt = number (st)+(число (ch) -number (objh))/2; var objl = number (sl)+(число (cw) -number (objw))/2; вернуть objt+"|"+objl; } function ResetBg () {var fullbg = $ ("#fullbg"). css ("display"); if (fullbg == "block") {var bh2 = $ ("body"). height (); var bw2 = $ ("body"). Width ()+16; $ ("#fullbg"). CSS ({ширина: BW2, высота: BH2}); var objv = getObjwh ("диалог"); var tbt = objv.split ("|") [0]+"px"; var tbl = objv.split ("|") [1]+"px"; $ ("#Dialog"). CSS ({Top: TBT, слева: TBL}); }} // Закройте серый слой маски и функцию окна операции josebg () {$ ("#fullbg"). CSS ("Display", "none"); $ ("#Dialog"). CSS ("Display", "none");} </script>CSS -код
#fullbg {фоновое цветное: grey; дисплей: нет; z-index: 3; слева: 0px; непрозрачность: 0,5; Верх: 0; слева: 0; высота: 100%; Ширина: 100%; Z-Index: 999; позиция: исправлена; _position: абсолютно; _left: Express_r (documentElement.scrollleft + documentElement.clientWidth - this.OffSetWidth); _top: Express_r (documentElement.scrolltop + documentElement.clientHeight - this.Offsetheight); фильтр: альфа (непрозрачность = 30); непрозрачность: 0,3; } #dialog {width: 560px; Фон: #EEE; дисплей: нет; z-index: 5; Заполнение: 16px; размер шрифта: 12px; z-index: 1000; Положение: Absolute;}#Dialog Sup {color:#f00;}#Dialog .close0 {position: velivary; Верх: -24px; Слева: 544px; Высота: 38px; Ширина: 40px;}HTML -код
<div id = "fullbg"> </div> <!-End JS Mask Layer-> <!-Dialog-> <div id = "Dialog"> <div> <a href = "#" onclick = "closebg ();"> <img src = "__ img __/close.png"/> </a> </div> <div = "dialog_cont yleog_ctent"/hlose.png "/> </a> </div> <dip =" hiog_cont. Информация </h3> <p> (Примечание. Следующая информация используется только для отправки вам соответствующих сервисных материалов по мере необходимости, и не будет протекать информацию. Пожалуйста, поймите) </p> <Таблица CellPacing = "1" CellPadding = "0"> <Tr> <td bgcolor = "#eeeee"> <sup>*</sup> идентификатор bgcolor = "#fbfbfb"> <b> {$ member.member_name} </b> </td> <td bgcolor = "#eeeeee"> <sup>*</sup> Real name </td> <td bgcolor = "#fbfbb"> <b> {$ info. bgcolor = "#eeeeeee"> Пол </td> <td bgcolor = "#fbfbfb"> <b> <php> echo $ gender [$ info ['gender']]; </php> </b> </td> </tr> <tr> <td bgcolor = "#eeee"> </sueee number> </sueee '> </sueee "</sueee" </sueee "</td> </tr> <tr> <td bgcolor ="#eeee <td bgcolor = "#fbfbfb"> <b> {$ info.telephone} </b> </td> <td bgcolor = "#eeeeee"> электронная почта </td> <td colspan = "3" bgcolor = "#fbfbb"> <b> {$ member. <tr> <td colspan = "2" bgcolor = "#eeeeeeee"> <sup>*</sup> Valid Id (id card) </td> <td colspan = "4" bgcolor = "#fbfbfb"> <b> {$ info.ids} </b> </td> </tr> bgcolor = "#eeeeee"> почтовый адрес </td> <td colspan = "3" bgcolor = "#fbfbfb"> <b> {$ info.address} </b> </td> <td bgcolor = "#eeeeee"> Zip Code </td> <td bgcolor = "#fbfbfb"> <b> {$ info.zzips} </b> </td> </tr> </table> </div> </div>Успокойся и продолжай шаг за шагом.
Приведенная выше статья представляет собой клише по вопросу прокрутки маски. Это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.