js alert confirm添加半透明全屏背景

最新推荐文章于 2022-06-22 17:02:52 发布

大数据球球

最新推荐文章于 2022-06-22 17:02:52 发布

阅读量1.1k

点赞数

分类专栏： css

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Create these functions (uses Jquery but can be modified to Javascript):

function alrt(msg) {

    var tint = $('<div class="PopupBgTint"></div>');  
    tint.appendTo('body');  
    alert(msg);  
    tint.remove();  
}  
function cnfrm(msg) {

    var tint = $('<div class="PopupBgTint"></div>');  
    tint.appendTo('body');  
   var rtrn = confirm(msg);  
   tint.remove();  
    return rtrn;  
}

<span style="line-height: 17.8px; font-family: Arial,'Liberation Sans','DejaVu Sans',sans-serif; font-size: 14px;">In your CSS file, define PopupBgTint like so:</span>

<span style="line-height: 17.8px; font-family: Arial,'Liberation Sans','DejaVu Sans',sans-serif; font-size: 14px;"><span><span>.PopupBgTint  </span></span></span>

{

position: fixed;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

background-color: black;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

filter: alpha(opacity=50);

-moz-opacity: 0.5;

-khtml-opacity: 0.5;

opacity: 0.5;