Можете ли вы получить непрозрачность css для стека (особенно в IE)?

Скажем, у меня есть 3 divs, один сидит поверх другого.

Однако, учитывая следующий пример и css, кажется, что внешняя прозрачность div всегда имеет приоритет над внутренними. Я тестировал это в jsFiddle, и все это всего лишь 50% белых. Есть ли способ получить прозрачность для стека? Так что в этом примере мой внутренний квадрат будет иметь непрозрачность ~ 80%?

<div>
 <div>
 <div>
 blah
 </div>
 blah
 </div>
 blah
</div>

body {
 background-color: black;
}

.o1 {
 background-color: rgb(255,255,255);
 filter:alpha(opacity=50);
 opacity: 0.5;
 width: 200px;
 height: 200px;
}

.o2 {
 background-color: rgb(255,255,255);
 filter:alpha(opacity=50);
 opacity: 0.5;
 width: 150px;
 height: 150px;
}

.o3 {
 background-color: rgb(255,255,255);
 filter:alpha(opacity=50);
 opacity: 0.5;
 width: 50px;
 height: 50px;
}
2 ответа

Не как дети, а как отдельные DIV абсолютно расположенные друг над другом:

http://jsfiddle.net/6Wnhy/


Я думаю, вам нужно использовать

rgba(255,255,255,0.5);

вместо.

Это то, что тебе надо? Jsfiddle

licensed under cc by-sa 3.0 with attribution.