我正在使用JavaScript和CSS尝试使用iframe创建一个masic消息框。我想发生的是文档的opacity0.4,并显示消息框。但是,这些都没有发生。我该怎么办?

我的JavaScript

function messageBox(text)
{
    document.style.opacity = 0.4;
    document.style.filter = 'alpha(opacity=40);';
    var box = document.createElement('iframe');
    box.setAttribute('id', 'msgBox');
}


我的CSS

 #msgBox
 {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height: 250px;
    width: 350px;
    background-color: #CCC;
    margin: auto;
    z-index:9999;
    color:white;
    box-shadow:1px 1px 1px 1px #444;
}


http://jsfiddle.net/a4m9d/

最佳答案

function messageBox(text){
    document.body.style.opacity = 0.4;
    document.body.style.filter = 'alpha(opacity="40");';
    var box = document.createElement('iframe');
    box.id='msgBox';
    document.body.appendChild(box);
}


尽管我建议使用div代替iframe,以提高性能和灵活性

07-24 09:44
查看更多