Twitter Bootstrap模态插入背景图像

Question

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

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

我进入了CSS并且搞砸了，但我认为我输入了错误的关键词。

我试过background：url（）; 我试过将图像作为自己的类，然后试图带入类，但似乎并不工作。

任何想法???

Answer 1

是的，看到你的模态的html是有帮助的，或者找出你正在使用哪个版本的引导程序。

这是一个在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; 
    } 
}