div непрозрачность снаружи в другом div

Question

Я ищу решение с непрозрачностью. У меня есть div (родитель) с другим div внутри (ребенок). Родительский div имеет фоновое изображение с непрозрачностью 0,5. Дочерний div меньше родительского и внутри его виден фоновый рисунок с непрозрачностью 1.0. Это возможно?

Answer 1

Это невозможно.

Если у родительского div установлена ​​прозрачность, все sub div наследуют эту прозрачность.

Answer 2

Вы можете поместить прозрачность в фоновое изображение (например, прозрачный PNG) или использовать цвет RGBA, чтобы поместить плоский цвет на фон родительского элемента div - это повлияет только на фон, без создания текстаили дочерние элементы прозрачны.

Вы должны знать, что как изображения PNG, так и цвета RGBA не поддерживаются на 100% во всех браузерах.Возможно, вам придется использовать обходные пути для старых браузеров, если вы используете эти методы.

Answer 3

Если вы используете изображения или имеете другое содержимое в родительском элементе, к которому необходимо применить прозрачность, вы не можете иметь другой div в качестве дочернего, но вместо этого иметь его вне div и абсолютно позиционировать над другим div. 1001 *

пример