使用Bootstrap模式，您可以将页面的淡化限制为页面的父div，而不是整个身体吗？

Question

我正在构建一个小游戏，我需要在游戏“窗口”（div）中显示一个模态，窗口的其余部分显示为淡入淡出，但不是整个页面，界面仍然存在

是否有一种简单的方法来限制它？

Answer 1

你必须使用Bootstrap Modal吗？如果是这样，它将需要一些hackery才能使其正常工作。但它当然可以做到。你需要：

1. 更改插入背景的位置。 Boostrap Modal会将背景附加到document.body，因此您必须更改js文件以追加（或可能插入）您想要覆盖的div。
2. css也需要更改。目前，背景样式只使用固定位置覆盖整个窗口（边缘为0,0,0.0）。你希望它只覆盖一个div，这意味着从固定宽度变为其他东西。
3. 模态的css可能需要更改，具体取决于您希望它居中的位置等。

也许您可以尝试使用BlockUI进行元素阻止。这似乎有你想要内置的东西？

http://jquery.malsup.com/block/#element

虽然不是这样，但是有许多阻止或覆盖页面部分以进行加载和ajaxy类型操作的示例。我会调查其中一个。