Css 引导模式图像背景

只是想问一下，是否有可能有一个背景图像在我的模式？我尝试过搜索，但我只在modal上看到了与背景相关的内容，这涉及到页面本身。我想要的是我的模式框上有一个图像背景。还是换颜色？谢谢我不太擅长CSS。谢谢。

是的，只需使用

背景图像：url（path/to/your/image）


$（'#myModal'）.modal（）
。模态体{
背景图像：url（'http://myfunnymemes.com/wp-content/uploads/2015/04/Doge-Meme-Lion-In-All-Its-Majestic-Glory.jpg');
背景重复：无重复；
背景尺寸：封面；
高度：400px；
}

&时代；
情态标题
测试
接近
保存更改
假设你想在情态动词身上有一个图像，你可以使用它

.modal-body {
   background-image: url(path/to/image);
}

.modal-backdrop {
   background-image: url(path/to/image);
}

或者如果你想在你的模态后面使用它

.modal-body {
   background-image: url(path/to/image);
}

.modal-backdrop {
   background-image: url(path/to/image);
}

我假设您使用的是来自

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>

我已通过以下代码获得所需结果，可能对某些人有帮助：

用于仅在车身中显示配件图像：

。模态体{
背景尺寸：封面；
背景图片：url（“./bg_image.png”）；
}

用于以完整模式显示配件图像（包括页眉和页脚）：

。模态内容{
背景尺寸：封面；
背景图片：url（“./bg_image.png”）；
}

编辑：我使用的模态是直接从
复制的标准模态，也许这个链接会对你有所帮助。模态体只将图像作为背景放在体上（如果你愿意的话，在模态的中间）。背景覆盖了模态弹出窗口背后的内容。有没有办法用一个图像替换整个模式背景（这样页眉/页脚也在单个图像下）？
.modal .modal-popout-bg {
    background-image: url("http://somepic.com/somepic.jpg");
}