关于CSS设置弹出提示框样式

window.alert = function(str1,str2,str3,str4,str5,str6){
        var shield = document.createElement("DIV");
        shield.id = "shield";
        shield.style.position = "absolute";
        shield.style.left = "0px";
        shield.style.top = "0px";
        shield.style.width = "100%";
        shield.style.height = document.body.scrollHeight+"px";
        shield.style.background = "transparent";
        shield.style.textAlign = "center";
        shield.style.zIndex = "25";
        var alertFram = document.createElement("DIV");
        alertFram.id="alertFram";
        alertFram.style.position = "absolute";
        alertFram.style.left = "50%";
        alertFram.style.top = "55%";
        alertFram.style.marginLeft = "-325px";
        alertFram.style.marginTop = "-295px";
        alertFram.style.width = "550px";
        alertFram.style.height = "150px";
        alertFram.style.background = "#ff0000";
        alertFram.style.textAlign = "center";
        alertFram.style.lineHeight = "100px";
        alertFram.style.zIndex = "300";
        strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
        strHtml += " <li style=\"background:#4682B4;color:#FFFFFF;text-align:center;padding-top:8px;font-size:16px;height:45px;line-height:25px;\">["+str1+"]</li>\n";
        strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;height:30px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\"></li>\n";
        if(str2 != null){
            strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;font-weight:bold;height:40px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\">"+str2+"</li>\n";
        }
        if(str3 != null){
            strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;height:40px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\">"+str3+"</li>\n";        
        }
        if(str4 != null){
            strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;height:40px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\">"+str4+"</li>\n";
        }
        if(str5 != null){
            strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;height:40px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\">"+str5+"</li>\n";
        }
        if(str6 != null){
            strHtml += " <li style=\"background:#F8F8FF;text-align:center;font-size:14px;height:40px;line-height:10px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;\">"+str6+"</li>\n";
        }
        strHtml += " <li style=\"background:#4682B4;color:#FFFFFF;text-align:right;height:35px;line-height:25px;\"><input class='btn btn-info btn-sm' type=\"button\" value=\"已阅\" οnclick=\"doOk()\" /></li>\n";
        strHtml += "</ul>\n";
        alertFram.innerHTML = strHtml;
        document.body.appendChild(alertFram);
        document.body.appendChild(shield);
        var ad = setInterval("doAlpha()",5);
        this.doOk = function(){
            alertFram.style.display = "none";
            shield.style.display = "none";
        }
        alertFram.focus();
        document.body.onselectstart = function(){
            return false;
        };
    }