我有一个模态,我想添加背景图像。我可以更改整个模态的背景颜色和模态内部的背景颜色,但我找不到一种方法使整个模态的背景成为图像。
换句话说,当模式弹出时,我希望它看起来像电视在屏幕上弹出(电视显然是我的背景图像)。
我进入了 CSS 并搞乱了,但我认为我输入了错误的关键字。
我尝试了背景:url(); 我尝试了背景图像:url()
我尝试将图像作为它自己的类,然后尝试将类引入,但这似乎也不起作用。
有什么想法吗???
最佳答案
是的,查看模态的 html
和/或找出您正在使用的 bootstrap 版本会很有帮助。
这是在 Bootstrap 3 中设置模态框背景的示例。在此示例中,背景包含整个模态框。但您也可以将其调整为仅 body 背景等..
.modal-content{
background-image: url('pathToImage');
}
示例
关于html - Twitter Bootstrap 模态插入背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20007595/