Question

我使用标准的引导程序＆＃34; Jumbotron＆＃34;模板。我向jumbotron添加了背景图片：

.jumbotron{
    background: url("img/imgbg1.jpg") no-repeat center center; 
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

当我打开boostrap模态时，jumbotron背景图像消失，背景为灰色。

为什么我有这种行为？

Answer 1

您可以分享您的代码或告诉我们您是如何触发模式的吗？在没有样品的情况下，我们无法说出任何话。你背景图像的正确方式。

无论如何，我为你创建了一个样本。请检查并将您的反馈发送给我。

演示 - http://goo.gl/yqenxy

Answer 2

我找到了解决方案：

打开模态使用数据目标属性和远程位置页面的链接

<a data-toggle="modal" href="page.php" data-target="#modal" class="btn btn-primary">Open me</a>

在这个页面中，我加载了bootstrap css

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

这就是为什么我的jumbotron变灰了！

我真傻： - ）

Bootstrap Jumbotron背景图像在打开模态时消失

2 个答案: