推特引导模式插入背景图像

Question

>我有一个模态，我想添加一个背景图像。我可以更改整个模态的背景颜色和模态内的背景颜色，但我找不到使整个模态的背景成为图像的方法。

换句话说，当模态弹出时，我希望它看起来像屏幕上弹出的电视（电视显然是我的背景图像）。

我进入css并搞砸了，但我认为我输入了错误的关键字。

我尝试了背景：url（）;我尝试了背景图像：url（）

我尝试将

图像作为自己的类，然后尝试将类引入，但这似乎也不起作用。

有什么想法吗???

Answer 1

是的，查看模态的html和/或找出您正在使用的引导程序版本会很有帮助。

下面是在引导程序 3 中设置模式背景的示例。 在此示例中，背景包含整个模态。 但您也可以将其调整为仅身体的背景等。

.modal-content{
    background-image: url('pathToImage');
}

例

http://www.bootply.com/94443

Answer 2

您可以在模态内容div 中使用图像，就在内容之前。

  <img id="print-background" src="~/logo.png"/>  

然后在 css 中使用@media print：

@media print {
img {
        opacity: 0.3;
        position: absolute;
        left: 2%;
        top: 100px;
    }
}