Задать вопрос
@oldzas

Как задать прозрачность у главного и дочернего элемента?

1) Есть главный блок - я ему задаю background-image: url(images/mybg.png);
2) В нем есть несколько мелких блоков, типа текст

Вопрос: как мне задать прозрачность для фоновой картини главного блока? (opacity), что бы при этом у дочерних элементов прозрачность была обычная.

p.s пытался в лоб: у главного прописал opacity:0.5 а у дочерних opacity 1, но нифига не работает, почему?
  • Вопрос задан
  • 1618 просмотров
Подписаться 1 Оценить Комментировать
Ответ пользователя Web_Questions К ответам на вопрос (4)
@Web_Questions
Не обязательно абсолютным.
Абсолютом стоит пользоваться в крайних случаях.
Сделайте так.
Расположите блок с картинкой с нужной высотой шириной и ниже блок с текстом.
Блоку с картиночкой на бэке, задайте прозрачность,
а блоку с текстом задайте отрицательный margin-top
margin-top: -(высота блока с картинкой);
Важно расположить блок с картинкой перед блоком с текстом а не наоборот, или блок с картинкой будет перекрывать ваш текст.
При использовании такого решения отпадает нужда использовании картинки в блоке бэком, можно расположить ее как картинку и все, что тоже плюс.
Ответ написан
Комментировать