html - 如何去除由 Bootstrap 引起的 Div 上的白色背景

Question

我已经通过这样做将我的网页背景设置为图像

html {
    background: url("https://preview.ibb.co/dizdck/beach2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

然后我创建了一个这样的div

<div class="container">hi</div>

问题是 div 有一个我不想在页面上看到的白色背景。我注意到这个白色背景只有在我使用 bootstrap 时才会出现。关于为什么会发生这种情况以及如何解决它的任何想法？

这是一个带示例的代码笔:https://codepen.io/bobnooby/pen/GExJmE

Answer 1

你想通过 body 上的 css 来做到这一点:

body {
  background-color: red !important; //set to color
  background-image: url("https://preview.ibb.co/dizdck/beach2.jpg") !important; //or set image
}