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