Javascript 搜索时如何添加透明背景？

我的目标是，当有人在输入文本字段上搜索时，简单地向HTML主体添加一个透明的背景

搜索前

一次搜索

代码

稍后在搜索输入中，键入“我将”查看结果

---

您可以检查jsiddle中的完整代码，只需在

主体中的某个地方创建一个
div
元素（最好在底部），如下所示：

<div id="search-overlay"></div>

然后通过挂接自动完成的相应事件，即
autocomplete:show
和
autocomplete:closed

请参见此处的工作示例：
将
不透明度：
设置为小于1的任何值。您可以给它一个覆盖。根据输入文本框中的值隐藏并显示它。谢谢，它确实有帮助，但似乎没有覆盖整个页面。我将代码放在页面底部，
div
我是否需要将
底部
更改为其他内容？尝试设置位置：固定；而不是位置：绝对；谢谢，但是现在有另一个问题，每当我向下滚动时，透明背景会跟随滚动。
<div id="search-overlay"></div>

#search-overlay { position:fixed; top:52px; bottom:0; left:0; right:0; background:#000; opacity:.5; display:none; }