jquery或javascript活动元素在前台，锁定后台？

我有一个由逻辑变量表示的层

该层只是一个隐藏的div-如何使它成为页面上唯一可以在可见时与之交互的元素

谢谢

更新：

在背景中使用了一个全尺寸的div和一个透明的gif-works，但在firefox中没有IE-Thinks

#overlay {
    background-image: url('../images/transparent.gif');
    width:100%;
    height:100%;
    z-index:8999;
    display:none;
    margin-top: 0;
    margin-left:0;
    position:fixed;
}

---

听起来像是在创建一个模态对话框。您可以使用jQueryUI来处理此问题：

---

听起来像是在创建一个模态对话框。您可以使用jQueryUI来处理此问题：

---

听起来你在找一个

---

你可以用一个

听起来像是在找一个

---

您可以使用一个

基本方法是在整个页面上放置一个半透明元素，但在包含焦点元素的模式窗口下。JQuery没有这种内置功能，所以您可以使用这种方法创建自己的JQuery，也可以使用一个新的JQuery

更新：

一把基于评论讨论的小提琴。我已经测试过了，它在IE8、Firefox 3.5.15和Chrome 12.0.742.112中都能正常工作

HTML:

---

基本方法是在整个页面上放置一个半透明的元素，但是在包含焦点元素的模式窗口下。JQuery没有这种内置功能，所以您可以使用这种方法创建自己的JQuery，也可以使用一个新的JQuery

更新：

一把基于评论讨论的小提琴。我已经测试过了，它在IE8、Firefox 3.5.15和Chrome 12.0.742.112中都能正常工作

HTML:

是使用jQuery UI模型的替代方法。这是一个简洁的演示，展示了如何以稍微不同的方式禁用特定的背景元素：

是使用jQuery UI模型的替代方法。这是一个简洁的演示，演示了如何以稍微不同的方式禁用特定的背景元素：

要回答您的问题，请更新：

您可以使用CSS2.1和CSS3使gif透明，因为某些浏览器中的透明gif/PNG存在问题：

#overlay {
    background-image: url('../images/transparent.gif');
    width:100%;
    height:100%;
    z-index:8999;
    display:none;
    margin-top: 0;
    margin-left:0;
    position:fixed;
    /* for IE, the filter only works reliably on positioned elements */
    filter: alpha(opacity=40); -moz-opacity: 40%; opacity: 0.4; 
}

要回答您的问题，请更新：

您可以使用CSS2.1和CSS3使gif透明，因为某些浏览器中的透明gif/PNG存在问题：

#overlay {
    background-image: url('../images/transparent.gif');
    width:100%;
    height:100%;
    z-index:8999;
    display:none;
    margin-top: 0;
    margin-left:0;
    position:fixed;
    /* for IE, the filter only works reliably on positioned elements */
    filter: alpha(opacity=40); -moz-opacity: 40%; opacity: 0.4; 
}

---

我试图在没有插件的情况下完成它，但我最初的想法是一个模态窗口。要构建一个没有插件的模态窗口，你可以创建一个位置：高度/宽度为100%的固定div，它位于页面其余部分的顶部，模态div位于其顶部。如果你没有自定义的解决方案，你也可以考虑一个更轻量级的插件：我试图在没有插件的情况下完成它。但我最初的想法是一个模态窗口，要构建一个没有插件的模态窗口，你可以创建一个位置：高度/宽度为100%的固定div，它位于页面其余部分的顶部，模态div位于其顶部。如果你可以不用定制的解决方案，你也可以考虑一个更轻量级的插件：好的，这就是我必须做的。我不能在这个例子中使用插件。杰森可能对你来说很好：“杰森，不看你的代码是很难判断的。你有小提琴吗？在那里我可以看到并测试你正在尝试的东西？编辑：哎呀，刚才看到你编辑了这个问题。/*对于IE，注意：只能在定位元素上可靠工作/filter:alphaopacity=60；/对于Mozilla/-moz不透明度：60%；/CSS3标准*/不透明度：0.6；让它工作起来，只需在身体打开后立即将div移动到Great，这就是我必须要做的。我不能在这种情况下使用插件。@Jason祝你一切顺利：@Jason不看你的代码很难判断。你有小提琴吗？在那里我可以看到并测试你正在尝试的东西？编辑：哎呀，刚才看到你编辑了这个问题。/*对于IE，注意：只能在定位元素上可靠工作/filter:alphaopacity=60；/对于Mozilla/-moz不透明度：60%；/CSS3标准*/不透明度：0.6；让它工作，只是必须移动div后立即身体开放耶，不幸的是，这是一个领域，我无法使用插件。使用全尺寸透明窗口div是最快的，也是最脏的。是的，不幸的是，这是一个我无法使用插件的领域。使用全尺寸透明窗口div是最快的，也是最脏的。

#overlay {
    background-image: url('../images/transparent.gif');
    width:100%;
    height:100%;
    z-index:8999;
    display:none;
    margin-top: 0;
    margin-left:0;
    position:fixed;
    /* for IE, the filter only works reliably on positioned elements */
    filter: alpha(opacity=40); -moz-opacity: 40%; opacity: 0.4; 
}