随着引导模态,你可以限制网页的衰落到页面的父DIV,而不是整个身体?(With a Bootstra

2019-10-17 18:05发布

我建立一个小型的比赛,我需要做出一个模式出现在游戏中“窗口”(一个div)和窗口的其余部分褪色和灰掉,而不是整个页面,界面仍然在那里。

有没有一种简单的方法来限制这个?

Answer 1:

你必须使用引导模态? 如果是的话它会采取一些两轮牛车得到它正常工作。 但也一定能做到。 你将需要:

  1. 更改其中的背景下插入。 自举模态的背景下追加到document.body的,所以你必须改变js文件追加到(或可能插入),你想掩盖股利。
  2. 的CSS将需要也发生了变化。 目前,背景样式只是使用一个固定的位置,以覆盖整个窗口(边缘在0,0,0 0)。 你会希望它涵盖只是一个div这将意味着改变从固定宽度到别的东西。
  3. 模态的CSS可能会改变,这取决于你希望它为中心等。

也许你可以尝试用元素阻挡BlockUI。 这似乎有你想要构建了什么?

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

ID不是,那么有阻塞或覆盖网页的部分用于加载和ajaxy型操作的例子很多。 我会去了解一下其中的一个。



文章来源: With a Bootstrap Modal, can you restrict the fading of the page to a parent div of the page, and not to the whole body?