Прозрачность блока

@visitante2016 · Регистрация: 03.08.2016

Author24 — интернет-сервис помощи студентам

Всем привет.

Есть два блока. Родительский и дочерний. Родительскому необходимо задать полупрозрачность. На деле получается, что и дочерний тоже становится полупрозрачным. Как дочерний оставить без изменения?

Заранее благодарен

@mrtoxas · 30.04.2019, 23:18

CSS

1	background-color:rgba(0,0,0,.5);

Если надо изображение сделать прозрачным, делаем его отдельным слоем и применяем к нему opacity

@visitante2016 · 01.05.2019, 14:26 **[ТС]**

Не получается. Привожу скрин блока. Блок 1 - родительский. У него

CSS

1	background-image: url(../img/image.jpg)

Необходимо, что он был полупрозрачным, а блоки 2 и 3 нет. Так вот когда я пишу opacuty: 0.5 для первого блока, 2 и 3 блок тоже становятся полупрозрачными. Пробовал так: background: rgba(0, 0, 0, 0.5) url(../img/image.jpg); тоже не помогает. Пробовал играться с z-index, тоже без результата.

@mrtoxas · 01.05.2019, 14:33

У вас должно быть три блока в родительском. Один блок - фон, к которому вы применяете opacity, остальные два - контент.

@visitante2016 6 / 6 / 0 Регистрация: 03.08.2016 Сообщений: 152
		1
	Прозрачность блока 30.04.2019, 23:05. Показов 579. Ответов 3 Метки css 3, html5 (Все метки) Всем привет. Есть два блока. Родительский и дочерний. Родительскому необходимо задать полупрозрачность. На деле получается, что и дочерний тоже становится полупрозрачным. Как дочерний оставить без изменения? Заранее благодарен 0

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	01.05.2019, 14:33	4
	У вас должно быть три блока в родительском. Один блок - фон, к которому вы применяете opacity, остальные два - контент. 0