JavaScript - 为什么这段代码不起作用？

Question

我正在使用 JavaScript 和 CSS 尝试使用 iframe 制作一个 masic 消息框。我希望文档的 opacity 为 0.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/

Answer 1

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);
}

尽管为了性能和灵 active ，我建议使用 div 而不是 iframe