Javascript 当某些div打开时禁用文档背景

，
嗨

我需要一些人帮忙，提前谢谢你

在我的网站上，当用户点击一个输入框时，一个新的div就会在输入框的顶部打开

现在我需要补充一点，当这个div打开时，我需要洞屏幕的背景变成黑色，带有一些不透明度，我想这就是叠加

你可以在这里找到我想要的东西：

如果你将鼠标悬停在写着“来splunk工作”的一边的div上

我怎样才能用jquery或其他任何东西做这样的事情呢

非常感谢您想使用

Edit:jQuery的Dialog方法将提供类似的效果，但通常用于onclick事件，而不是mouseover/mouseout。查看链接页面上的javascript代码（第356行附近），您将看到：

$('#splunkjobs').mouseenter(function() {
    // make element absolute, positioned over the top of the float and resize
    $('<div id="shade"></div>').
    appendTo('body').
    css('height', $(document).height()).
    animate({opacity: 0.6}); 

$（'splunkjobs'）.mouseenter（函数（）{
//使元素成为绝对元素，放置在浮动顶部并调整大小
$('').
附加到（“主体”）。
css（'height'，$（document）.height（）。
设置动画（{不透明度：0.6}）；

这实质上是创建一个覆盖页面然后淡入的窗口

我仍然认为为按钮使用对话框是首选（而且更简单）。

您想使用

Edit:jQuery的对话框方法会给你类似的效果，但通常用于onclick事件，而不是mouseover/mouseout。看看你链接的页面上的javascript代码（第356行左右），你会看到：

$('#splunkjobs').mouseenter(function() {
    // make element absolute, positioned over the top of the float and resize
    $('<div id="shade"></div>').
    appendTo('body').
    css('height', $(document).height()).
    animate({opacity: 0.6}); 

$（'splunkjobs'）.mouseenter（函数（）{
//使元素成为绝对元素，放置在浮动顶部并调整大小
$('').
附加到（“主体”）。
css（'height'，$（document）.height（）。
设置动画（{不透明度：0.6}）；

这实质上是创建一个覆盖页面然后淡入的窗口

---

我仍然认为为按钮使用对话框是首选（而且要简单得多）。

这是一种“模式”，您可以使用jquery：




或者如果您还需要更多：

---

这是“模式”，您可以使用jquery：




或者如果您还需要更多：

---

你在考虑jquery/javascript模式对话框吗？你在考虑jquery/javascript模式对话框吗？谢谢，但我需要的不是什么特别的东西，我不希望添加的div是可分级的，它需要固定在我拥有的某个位置。我只需要将灰色背景添加到主体中。谢谢，但我需要的是n我不希望添加的div是可分级的，它需要固定在我拥有的某个位置。我所需要的只是在身体上添加灰色背景。我想这就是我需要的，知道为什么它对我不起作用吗？只是一个问题，我在给iframe添加阴影背景，所以当我做上述操作时，不是孔宽如果我滚动到iframe没有的一侧，则会覆盖iframe的所有部分。如果想解决这个问题，我尝试添加了“css（'width'，$（document.width（）），不起作用我认为这是我需要的，知道为什么它对我不起作用吗？只是一个问题，我正在给iframe添加阴影背景，所以当我做上述操作时，iframe的孔宽度没有被覆盖，如果我滚动到一边它就没有了。任何解决方法，我尝试添加了“css（'width'，$（document.width（））”，但都不起作用