Как я могу затемнить весь фон моего тела? - PullRequest
Новая
       0

Как я могу затемнить весь фон моего тела?

0 голосов
/ 24 февраля 2019 

* {
  margin: 0;
  padding: 0;
}

html,
body {
  box-sizing: border-box;
  height: 100%;
}

.wrapper-overlay {
  background: rgba(72, 70, 82, 0.5);
}

body {
  color: white;
  min-height: 100%;
  min-width: 100%;
  background: url("images/friends.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
<html>
<wrapper-overlay>

  <body>
  </body>
</wrapper-overlay>

</html>

Я сделал фон таким, чтобы он составлял 100% от его родительского элемента, но фон: rgba не затемняет нижнюю часть фона.Я попытался поместить фон в HTML CSS, но он тоже не работал.

Ответы [ 2 ]

0 голосов
/ 24 февраля 2019 

* {
  margin: 0;
  padding: 0;
}

html,
body {
  box-sizing: border-box;
  height: 100%;
}

.wrapper-overlay {
  background: rgba(72, 70, 82, 0.5);
}

body {
  color: white;
  min-height: 100%;
  min-width: 100%;
  background: url("images/friends.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
<html>
<div class="wrapper-overlay">

  <body>
  </body>
</div>

</html>

Ваша ошибка - наложение-обертка, это должен быть div с этим классом.

0 голосов
/ 24 февраля 2019

Я понимаю, что вы хотели бы применить темный фон ко всей странице.Похоже, вы должны использовать свойство min-height.Вот основная логика для использования: 

<style>
    html,body{
        height:100%;
        min-height:100%;
    }
    body{
        background:rgba(72, 70, 82, 0.5);
    }
</style>

<html>
    <body>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...