我已经尝试了几乎所有的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;
}
我没有测试过代码,可能不行,但是你会得到这个想法.