如何创建一个使用JavaScript和CSS一个模式弹出

我怎样才能创建的灰色背景色模式弹出？
此外，我需要创建一个封面背景颜色只对表本身。不是整体页面。

我该如何使用javascript和css来做到这一点？

2009-05-05 kumar

不得不放松这个问题一点点的顶部位于面具。 – cgp 2009-05-05 04:06:10

你在4月7日提出的问题的重复：http://stackoverflow.com/questions/724103/how-to-create-a-modal-popup-using-javascript – 2009-05-05 04:22:06

这里是HTML，它应该可以插入到JS中，并且样式应该放在外部样式表中。

<div style="background: gray; width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px" id="modal">I'm a modal</div>

然后，你可以利用jQuery来显示它。

$('a.modal').bind('click', function(event) { 
    event.preventDefault(); 
    $('#modal').fadeIn(800); 
});

这只是一个开始，你会想要从中学习并建立它。例如，脚本应该检查is(':hidden')并显示，如果不是则与fadeOut(800)或类似。

来源

2009-05-05 04:38:18 alex

我用这个在显示屏

.Mask { 
    display: none; 
    width: 100%; 
    height: 100%; 
    z-index: 9000; 
    padding: 0px; 
    margin: 0px; 
    background: transparent url(http://i.imgur.com/0KbiL.png); 
    position: fixed; 
    top: 0px; 
    overflow: hidden; 
}

来源

2009-05-07 18:23:02 Ballsacian1

如何创建一个使用JavaScript和CSS一个模式弹出

回答

相关问题