Bootstrap Modal在特定元素上的背景CSS

Question

当打开引导程序模型时：背景变得更加模糊as shown here。我希望能够将该着色效果的CSS类应用于特定元素。

我不希望涉及任何javascript，因为不涉及任何行为。我只想要造型。

我确实尝试了this question中显示的解决方案，但它并不适用于我。

简单地改变不透明度并不是我想要的。不透明的样式只是洗掉所有东西，而引导模式反而为所有东西添加了阴影色调。

Answer 1

你也可以为任何元素做到这一点。你只需要一个带有半透明背景的元素周围的div。这是一个工作小提琴：https://jsfiddle.net/fjhgtq0b/

概念：我这样做的方式是，我总是有一个围绕元素/元素的包装div，我想要一个阴暗的背景。我将div黑色（或任何我想要的颜色）的背景设​​置为不透明度。这不会使元素本身透明。

html :(假设我的元素是输入文本框）

'Newtonsoft.Json.Linq.JObject'

css：

<div id="backgroundDiv">
<input/>
</div>

我在一个地板上放了一个图像，这样你就可以看到背景div的阴影。 rgba（0,0,0,0.5）将backgrand设置为黑色（0,0,0是黑色代码），不透明度设置为0.5。