<iframe opacity=1> over <div opacity=0.8> How2?
 

[off] задача сделать свою пародию на GreyBox с ай фрэймом и дивом [/off]

div opacity 0.8 поверх него хочется увидеть iframe с opacity 1 и с ним уже работать
вопрос в том как это совершить

По похожему случаю я уже писал в саппорт мозиллки, и там мне сказали, что это не баг, а очень даже по спецификации.

В случае, если у элемента opacity меньше 1, браузер обязан создавать для него rendering context, таким образом, элемент оказывается как бы «над» остальными в новом слое. Это не те слои, в которые выносятся элементы с position: relative, а, скорее, те, которые представляет из себя элементы с float.

Решается все это достаточно тривально.

1. можно задать второму элементу opacity=.99999999999999;
2. можно задать второму элементу position: relative, а первому не задавать;
3. можно задать обоим элементам position: relative (если этого не хватит, не помню точно, второму — z-index больше).

Что за opacity?