Twitter Bootstrap Modal Вставка фонового изображения

Question

У меня есть модальный, и я хочу добавить фоновое изображение. Я могу изменить цвет фона всего модального и цвета фона внутри модального, но я не могу найти способ сделать фон всего модального изображения.

Другими словами, когда модальные всплывающие окна, я хочу, чтобы он выглядел так, будто на экране появляется телевизор (телевизор, очевидно, имеет фоновое изображение).

Я пошел в css и перепутал, но я думаю, что я помещаю неправильные ключевые слова.

Я попробовал фон: url(); Я попробовал background-image: 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"/> 

Затем используйте @media print в вашем CSS:

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