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);