Jquery 灯箱背景效果

我刚刚开始学习jQuery，不知道如何启用类似于lightbox的背景效果

我希望我的

（注册向导）以100%不透明度显示，并且我希望它后面的所有内容都是大约50%不透明度和不可单击的

如何使用jQuery实现这一点？

这是如何实现的：

$('<div id="overlay" />').css({
   position:'fixed'
 , width: '100%'
 , height : '100%'
 , opacity : 0.6
 , background: '#000'
 , zIndex:9999
 , top: 0
 , left: 0
}).appendTo(document.body);

---

---

仅供参考，您也可以将上述样式放在CSS中的一个类中，然后在需要时使用jQuery的

addClass

到

body

，在想要删除时使用

removeClass

。

@AurelioDeRosa Copy将代码粘贴到JS控制台不会给出语法错误。如果我将其应用到我的页面上（在

\container

）一切，包括

我想要100%都会受到影响。我做错了什么？@Paul:我忘了添加

zIndex

和

top

和

left

，现在更新了答案，试试看。

$('#overlay').remove();