twitter-bootstrap - 使用 Bootstrap Modal，您可以将页面的淡化限制为页面的父 div，而不是整个正文吗？

Question

我正在构建一个小游戏，我需要使模式出现在游戏“窗口”（一个 div）中，并且窗口的其余部分会淡出和变灰，但不是整个页面，界面仍然存在。

有没有简单的方法来限制这个？

Answer 1

你必须使用引导模式吗？如果是这样，将需要一些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 类型操作的示例。我会调查其中之一。