时间戳

首页 > 解决方案 > 为什么我的 jumbotron 没有显示我的背景图像？

html - 为什么我的 jumbotron 没有显示我的背景图像？

问题描述

试图为我的 jumbotron 获取背景图像，但没有任何效果。

我已经确保我的 CSS 出现在 Bootstraps CSS 之后，并且我也尝试过更改路径。图像也在正确的文件夹中。

.jumbotron {
  background-image: url(pepperonis.jpeg);
  background-size: cover;
}
<div class="jumbotron">
  <h1><strong> My Favorite Foods In The World</strong></h1>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</div>

标签： htmlcss

解决方案

好吧，乔丹，我看到这里发生了一些疯狂的事情。但要回答您的问题，您的背景网址没有链接到任何文件，只是一张图片。

    .jumbotron {
     background-image:("/images/something.jpeg")
    }

这只是一个例子希望它有帮助

推荐阅读