jQuery中的简单模态div?

前端之家收集整理的这篇文章主要介绍了jQuery中的简单模态div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试了几乎所有的jQuery Modal插件,我可以在网上找到,但它们都是为了我所需要的庞大.我不需要所有的花哨的功能,我想要能够打开一个div,让页面的背景变得透明灰色像下面的照片,并让我的div在它的顶部,这就是我需要做的所以我想编写一些jQuery来做这个而不是使用一个庞大的插件.有人有任何小代码可以做这个任务吗?透明背景是图像还是CSS?

解决方法

我不知道你在CSS和JavaScript中有多好,但是你的请求不应该很难做到.
body,html { margin:0; padding:0; }
#modalTabelGray
{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    z-index:100;

    text-align:center;
    vertical-align:middle;
}

#modalDiv
{
    position:absolute;
    z-index:101;
}

我没有测试过代码,可能不行,但是你会得到这个想法.

猜你在找的jQuery相关文章