今日私が遭遇した問題は、ポップアップ層の後ろのマスク層にスクロールバーがあるため、スクロールバーの下の目に見えない領域にマスク層がないことです。解決策は、CSSを追加することです。
JSコード
<script type = "text/javascript"> //グレーjsマスクレイヤー関数showbg（ct、content）{var bh = $（document）.height（）; var bw = $（ "body"）。width（）+16; var objwh = getobjwh（ct）; $（ "＃fullbg"）。css（{width：bw、height：bh、display： "block"}）; var tbt = objwh.split（ "|"）[0]+"px"; var tbl = objwh.split（ "|"）[1]+"px"; $（ "＃ダイアログ"） $（window）.scroll（function（）{resetbg（）}）; $（window）.resize（function（）{resetbg（）}）; } function getobjwh（obj）{var st = document.documentlement.scrolltop; //スクロールバーの距離は、var sl = document.documentlement.scrollleft; //左var ch = document.documentelement.clientheight;画面var objh = $（ "＃"+obj）.height（）; //浮動オブジェクトの高さvar objw = $（ "＃"+obj）.width（）; var objl = number（sl）+（number（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（{width：bw2、height：bh2}）; var objv = getobjwh（ "ダイアログ"）; var tbt = objv.split（ "|"）[0]+"px"; var tbl = objv.split（ "|"）[1]+"px"; $（ "＃ダイアログ"）。css（{top：tbt、left：tbl}）; }} //灰色のJSマスクレイヤーと操作ウィンドウ関数closebg（）{$（ "＃fullbg"）。css（ "display"、 "none"）; $（ "＃ダイアログ"）。css（ "display"、 "none"）;} </script>CSSコード
#fullbg {background-color：gray;表示：なし; z-index：3;左：0px;不透明度：0.5;上：0;左：0;高さ：100％;幅：100％; Z-Index：999;位置：修正; _ポジション：絶対; _Left：expression_r（documentlement.scrollleft + documentLement.clientWidth -this.OffsetWidth）; _top：expression_r（documentlement.scrolltop + documentlement.clientheight -this.offseeth）; filter：alpha（ofacity = 30）;不透明：0.3; } #dialog {width：560px;背景：#eee;表示：なし; z-index：5;パディング：16px; font-size：12px; z-index：1000;位置：絶対;}＃ダイアログsup {color：＃f00;}＃ダイアログ.close0 {position：relative;上：-24px;左：544px;高さ：38px;幅：40px;}HTMLコード
<div id = "fullbg"> </div> <！ - end js maskレイヤー - > <！ - ダイアログ - > <div id = "ダイアログ"> <div> <a href = "＃" onclick = "closebg（）;"> <img src = "__ img __/close.png"/> <情報</h3> <p>（注：次の情報は、必要に応じて関連するサービス資料を送信するためにのみ使用され、情報を漏らしません。理解しないでください。 bgcolor = "＃fbfbfb"> <b> {$ member.member_name} </b> </td> <td bgcolor = " bgcolor = "＃eeeeeee"> gender </td> <td bgcolor = "＃fbfbfb"> <b> <php> echo $ gender [$ info ['gender']]; </php> </b> </td> </tr> <tr> <td bgcolor = "＃eeeee"> </sup> </sup>番号</td> <td bgcolor = "＃fbfbfb"> <b> {$ info.telephone} </b> </td> <td bgcolor = "＃eeeee">電子メール</td> <td colspan = "3" bgcolor = " </tr> <tr> <td colspan = "2" bgcolor = "＃eeeeeee"> <sup>*</sup>有効なid（idカード）</td> <td colspan = "4" bgcolor = " bgcolor = "＃eeeeee">郵送先住所</td> <td colspan = "3" bgcolor = "＃fbfbfb"> <b> {$ info.address} </b> </td> <td bgcolor = "＃eeeeee"> zip </td> <td bgcolor = "＃fbfbfb"> <b> {$ info.zips} </b> </td> </tr> </table> </div> </div>落ち着いて、段階的に進みます。
上記の記事は、マスクレイヤースクロールバーの問題に関する決まり文句です。これは私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。