頁面Div：

<div class="first">
?? ??? ??? ?<!-- 彈出窗口 -->
?? ??? ??? ?<div id="fullbg"></div>
?? ??? ??? ?<div id="dialog">
?? ??? ??? ??? ?<p class="close"><a href="javascript:void(0);" id="close">關閉</a></p>
?? ??? ??? ??? ?<div style="margin-left: 30px;margin-right: 30px">
?? ??? ??? ??? ??? ?<table style="font-size: 18px;color: black;">
?? ??? ??? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ??? ??? ?<td style="text-align:center" align="center" >
?? ??? ??? ??? ??? ??? ????
?? ??? ??? ??? ??? ??? ??? ?</td>
?? ??? ??? ??? ??? ??? ?</tr>
?? ??? ??? ??? ??? ?</table>
?? ??? ??? ??? ?</div>
?? ??? ??? ?</div>
?? ??? ?</div>

?

CSS:

.first{

??? _display: inline;
?? ?float: left;
?? ?margin-right: 10px;
?? ?overflow: hidden;

??? width: 950px;
?? ?margin-right: 0px;
?? ?margin-bottom: 5px;
}

.close {
text-align:right;
padding-right:10px;
}

JS:

function showBg() {
?? ??? ??? ?$("#fullbg").css({
?? ??? ??? ??? ?height:$(document).height(),
?? ??? ??? ??? ?width:$(document).width(),
?? ??? ??? ??? ?display:"block"
?? ??? ??? ?});
?? ??? ??? ?$("#dialog").show();
?? ??? ?};
?? ??? ?
?? ??? ?$("#close").click(
?? ??? ??? ??? ?// 彈出支付驗證窗口
?? ??? ??? ??? ?function() {
?? ??? ??? ??? ??? ?$("#fullbg").css({
?? ??? ??? ??? ??? ??? ?height:$(document).height(),
?? ??? ??? ??? ??? ??? ?width:$(document).width(),
?? ??? ??? ??? ??? ??? ?display:"none"
?? ??? ??? ??? ??? ?});
?? ??? ??? ??? ??? ?$("#dialog").hide();
?? ??? ??? ??? ?});

轉載于:https://www.cnblogs.com/wangkang0320/p/6508567.html

總結

以上是生活随笔為你收集整理的遮罩的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。