Question

仍然进入整个网络开发的东西，我不清楚为什么我的身体的背景颜色被应用于它上面的div。

我正在使用cdn中的bootstrap，然后将这些样式标记放在顶部：

 <style type="text/css">
            body{
                background-color:Navy;
            }
            .mechBackground {
                background-image: url('homePageBackground.jpg');
                height: 800px;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center;
                background-size: contain;
                text-align: center;
                opacity: 0.4;
                float:center;

            }
            .myText{
                    text-align: center;
                    opacity:1.0;
                    float:center;
            }

        </style>

然后：

    <div class="container">
      <div class="jumbotron mechBackground" >
        <div class="myText">
            <h1>Some Text</h1>
            <h3>Some more text</h3>
            <br><br>

        </div>
      </div>

我的问题是，这会改变一切的背景颜色，包括div到海军。相反，我希望你能在div后面看到的是海军（所以在这种情况下有一个居中的div，我希望它在div的左边和右边是海军），然后是divs根本没有颜色。

我认为它会自动生效，但我猜不是吗？

Answer 1

默认情况下，div没有设置背景颜色，因此它们是透明的。您需要为mechBackground设置背景颜色。

.mechBackground {
  background-color:#fff;
}

Answer 2

任何div的默认背景都是透明的。如果你想要＆＃34; mytext＆＃34; div（div我假设你在谈论）要有不同的颜色，你将需要添加背景颜色。

.mytext{
  background-color: white;
}

如何让身体背景颜色停止应用于div？

2 个答案: