html - 如何在这个 Jumbotron 类上获取背景图片

Question

所以我不知道如何让这个 jumbotron div 具有指定的背景图像。以前我在另一个元素中使用它时它起作用了，但是当我将它导入另一个元素时它就停止显示了。其他一切正常，所以我虽然只是忘记了 css 样式或其他东西，但我试过了，但似乎找不到任何错误。我正在使用 Bootstrap ，但已经编辑了该库中的任何值，它似乎在另一个元素中运行良好。可能导致的一件事是 Bootstrap 的版本我从 Bootstrap 版本 3.0.0 获得了这段代码，目前我正在使用版本 3.3.4。不确定这是否与它有关。最后请注意，该图像有效是因为我在页面上为不同的 div 显示了它。

HTML

<div class="jumbotron">
        <div class="container">
            <div class="topTitle">
                <div>
                    <div class="col-lg-9">
                        <h1>Insert <span>Topic</span></h1>

                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>

                    </div>
                </div>
            </div>
        </div>
    </div>

CSS

.jumbotron {
    background: url('images/intro-bg.jpg') !important;

    background-attachment: fixed !important;
}

.jumbotron p {
    padding: 20px 0;
}

.jumbotron .topTitle h1 {
    margin-top: 50px;
}

结果

Answer 1

所以我想通了。我像 Jim Garrison 所说的那样使用了开发人员工具，它表明没有任何东西可以覆盖它，所以它应该可以工作。所以我随机尝试将样式直接放入 html 中，这样

<div class="jumbotron" style="background: url('images/intro-bg.jpg'); background-attachment: fixed;">

无论出于何种原因，这似乎都有效，所以我希望将来遇到此问题的人可以得到帮助......或提出更好的解决方案。