indeks z nie działa z pozycją absolutną

Otworzyłem konsolę (chrome Firefox) i uruchomiłem następujące linie:

$("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />");
$("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>");

#PopupContent powinien być przede wszystkim, ale ma wpływ na krycie #popupFrame.

Zawartość nie jest zawarta w #popupFrame, co czyni to bardzo dziwnym.

Celem jest stworzenie okna alarmowego podobnego do firefoxa

Będę wdzięczny za każdą pomoc.

Z góry dziękuję.

questionAnswers(4)

yourAnswerToTheQuestion