Twitter Bootstrap模式插入背景图像

Question

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

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

我进入了css并且四处乱窜，但我认为我说错了关键词。

我尝试了背景：url（）; 我尝试了background-image：url（）

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

任何想法???

Answer 1

是的，看看你的模态html并找出你正在使用哪个版本的bootstrap会很有帮助。

以下是在Bootstrap 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;
    }
}