У родительского элемента на HTML стоит стиль opacity 0.8.
И теперь для всех дочерних элементов прозрачность автоматом 0.8 и даже opacity 1 не помогает.
Как убрать прозрачность для дочерних элементов?
Пример проблемы на ledibug.ru
Вместо opacity нужно использовать background-color: rgba(...)
Для вашего примера, убираем opacity: 0.9; и вместо: background: #000; пишем: background-color: rgba(0,0,0,.9);
Влад: это формат цвета. rgba - это десятичное значение красного, зеленого, синего, а последнее значение - это прозрачность от 0 до 1
Более подробно лучше сами прочитайте, легче будет: htmlbook.ru/css/value/color