Ввел opacity: 0.7 для блока. В этом же блоке сделать еще один блок для текста. Установил соответственно z-index но ничего не помогло. Я не правильно делаю, исправьте меня, пожалуйста --- Добавлено --- Можно заметить что текст прозрачный
Свойство opacity применяется ко всем дочерним элементам, поэтому ничего нет удивительного, что и текст подхватил свойство родителя. Полупрозрачный фон сделайте с помощью альфа-канала. То есть, что-то в этом роде: Код (CSS): .some_class { background-color: rgba(0, 0, 0, 0.5); color: #fff; }