html - Twitter Bootstrap 模态插入背景图像

标签 html css twitter-bootstrap

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

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

我进入了 CSS 并搞乱了,但我认为我输入了错误的关键字。

我尝试了背景:url(); 我尝试了背景图像:url()

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

有什么想法吗???

最佳答案

是的,查看模态的 html 和/或找出您正在使用的 bootstrap 版本会很有帮助。

这是在 Bootstrap 3 中设置模态框背景的示例。在此示例中,背景包含整个模态框。但您也可以将其调整为仅 body 背景等..

.modal-content{
    background-image: url('pathToImage');
}

示例

http://www.bootply.com/94443

关于html - Twitter Bootstrap 模态插入背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20007595/

相关文章:

html - 如何设计这个类似表格的结构

html - 如何在保持比例的同时用图像填充 div?

javascript - 执行事件时没有任何反应

css - Bootstrap 中的标签和徽章

jquery - 更改 jquery 中事件点击功能的 bg 颜色?

javascript - 当我切换到另一个导航系统时,CSS 类消失了

css - 当多个 CSS 样式类应用于同一个元素时,真正的样式是什么?

javascript - 单击时按钮不改变其位置

jquery - 使用带有选项卡式的 twitter bootstrap - ajax 内容

css - Bootstrap - 当标题有 3 行时,列被错误地向下推