CSS/HTML: настройка альфы, применяемая к цвету фона, делает его исчезающим

Система: Linux Mint Редактор: Atom (от GitHub) Браузер: Google Chrome для Linux (43.0)

Вопрос: Для стилизации элемента div класса biobox в разделе CSS моего кода я пытаюсь получить полупрозрачный фон, используя background-color:rgb(0,0,0,0.5). Это приводит к отсутствию фона вообще. Если я удаляю 0.5 (значение alpha/transparent.opacity), я получаю непрозрачный черный фон, примененный к div. Что может быть причиной этого?

h1 {
  font-famiy: Verdana;
  color: #090956;
}
.biobox {
  font-family: cursive;
  background-color: rgb(0, 0, 0, 0.3);
  color: #090956;
  margin: 20px;
  padding: 20px;
}
body {
  background: url('bg.jpg') no-repeat center center fixed;
  -webkit-backgound-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 <h1>This is Big Header</h1>

<div class="biobox">
  <p>This is a subtitle to the header!</p>
</div>

<p>More bio crap!</p>

1 ответ

Решение

Вам нужно использовать rgba(0, 0, 0, 0.3); вместо rgb(0, 0, 0, 0.3);

Другие вопросы по тегам