problem z z-index pustej warstwy div w IE8

Question

mam problem z-index w IE8 (innych nie jest jeszcze sprawdzone)

Poniższy JS tworzy pewną HTML/CSS:

document.write('<img id="' + sas_Banderole.getObjId('cb') + '" src="' + cburl + '" style="position:absolute; top:5px; cursor:pointer;" onclick="sas_Banderole.trigger();" border=0>'); 
document.write('<div ID="closeReminder" style="z-index:10000; background-color:transparent; text-align: right; display:none; width:30px; height:100px; right: 0px; position:absolute; top:5px; cursor:pointer; color:fff; font-size:10px;" onclick="reminder_close();" border=0>&nbsp;</div>'); 


document.write('</div>'); 

wynik należy, że mam:

• tag IMG (blisko przycisk) z funkcją zamknięcia.
• znacznik DIV które tworzy warstwę div „CloseReminder” o dużej osi z indeksu i onClick przypadku do zamykania warstwy w

DIV musi być przed IMG i powinna accoring do css.

W trybie FF, CHrome, Opera itp. Działa, ale w IE8 warstwa układa się ZA obraz. Nie mogę zrozumieć, dlaczego ...

Dowiedziałem się, że jeśli dam warstwę w kolorze tła (np. Niebieski), to div kładzie się przed obrazem, niestety nie, jeśli dam to kolor tła "przezroczysty" (musi być niewidoczny)

Czy ktoś ma pojęcia? Dzięki za pomoc,

Best, Dirk

Answer 1

Obejście:

spróbuj dodać background: black; filter: alpha(opacity=0); do #closeReminder div. Niezbyt miło, ale przynajmniej działa ...

Myślę, że było fajniejsze rozwiązanie, ale nie pamiętam go (może to być po prostu pijany sen).