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; 
    } 
}