Непрозрачный ребенок в прозрачном родителе - PullRequest
Новая
       0

Непрозрачный ребенок в прозрачном родителе

2 голосов
/ 13 июня 2010

У меня есть прозрачный блок Div в HTML. В нем есть еще дочерние блоки. Можно ли сделать этого ребенка непрозрачным?

Ответы [ 2 ]

2 голосов
/ 13 июня 2010

Я не верю в это, но вы можете сделать что-то вроде этого: 

<div style="position: relative">
    <div style="position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 2;">
    </div>
    <div style="position: absolute; top: 0; left: 0; z-index: 3;">
        <p>I'm fully opaque</p>
    </div>
</div>

Эта техника в основном накладывает один div поверх другого.Это полезно для анимации фоновых изображений и для других ситуаций, но может не подходить для вашего случая использования - вам придется уточнить.

1 голос
/ 13 июня 2010

Нет, это невозможно.Но если вы просто ищете прозрачный фон, вы можете установить background-color с помощью конструкции rgba(RRR, GGG, BBB, AAA), в которой последнее число является значением альфа-прозрачности.Это работает только в современных браузерах.

...