【问题标题】:Bootstrap Jumbostron Background image disappear when open modalBootstrap Jumbotron 背景图像在打开模式时消失
【发布时间】:2015-01-29 22:22:30
【问题描述】:

我正在使用标准引导程序“Jumbotron”模板。我在 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 modal 时,jumbotron 背景图像消失并且背景是灰色的。

为什么我会有这种行为?

【问题讨论】:

    标签: twitter-bootstrap modal-dialog simplemodal


    【解决方案1】:

    我找到了解决方案:

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

    <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">
    

    这就是为什么我的大屏幕变成灰色的!

    我太傻了:-)

    【讨论】:

      猜你喜欢
      • 2014-03-26
      • 1970-01-01
      • 2016-12-13
      • 2015-02-15
      • 1970-01-01
      • 1970-01-01
      • 2017-07-20
      • 2014-09-13
      • 2018-12-27
      相关资源
      最近更新 更多