Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导程序如何使模式后面的页面背景变暗_Javascript_Bootstrap 4_Bootstrap Modal - Fatal编程技术网

Javascript 引导程序如何使模式后面的页面背景变暗

Javascript 引导程序如何使模式后面的页面背景变暗,javascript,bootstrap-4,bootstrap-modal,Javascript,Bootstrap 4,Bootstrap Modal,我似乎不知道当显示模式时,引导程序是如何使页面背景变暗的。我看到一个类被添加到body标记(modal open)中,但这似乎并不影响背景 我使用diff工具查看模式打开和模式关闭html之间的差异,并找到了答案。显示模式时,引导会在结束正文标记的正上方插入一个空div: 当modal关闭时,div被移除。.modal background.show类的不透明度值为0.5 就是这样做的 我打赌是一个巨大的半透明黑色覆盖层。

我似乎不知道当显示模式时,引导程序是如何使页面背景变暗的。我看到一个类被添加到body标记(modal open)中,但这似乎并不影响背景


我使用diff工具查看模式打开和模式关闭html之间的差异,并找到了答案。显示模式时,引导会在结束正文标记的正上方插入一个空div:

当modal关闭时,div被移除。
.modal background.show
类的不透明度值为0.5


就是这样做的

我打赌是一个巨大的半透明黑色覆盖层。