[Dr. Blau]

Har stött på ett problem i IE6 (som verkar vara löst i IE7) när det gäller select-menyer.

Jag har en semi-transparent div som jag använder som en "dimmer" för fönstret, dvs den lägger sig ovanpå allt och mörkar allt för att visa varningsmeddelanden.
Problemet är att om man har en select någonstans på sidan så lägger sig den inte bakom dimmer-diven när den visas utan ligger framme, så här: http://x014.uploaderx.net/x/whatsallthisplease.jpg

Dimmern ligger som en div i dokumentet: <div id="overlay"></div> och har denna CSS:

position:absolute;
top:0px;
left:0px;
padding:0px;
margin:0px;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=70);
z-index:400;
display:none;
visibility:hidden;

None och hidden blir block och visibile när div:en ska visas.
Diven är inte transparent i FF (eftersom sidan som detta används för endast är till för IE = internt).

Någon som vet en workaround för detta?

[HMH]

Select-boxar funkar så i IE6, - de ligger alltid överst.

Lämplig workaround blir att dölja alla select-boxar när du poppar dimmern.
Alt finns det varianter på att lägga poppen i en iframe och på det sättet få iframen att lägga sig över selecten (iom att iframes har samma beteende som selectboxar).

[mbomelin]

IE6 hanterar select-boxar som ett window och inte som ett element, det är däri problemet ligger. Detsamma gäller activex-object, flash-filmer etc.

Den enda workaround jag själv använt är ett javascript som gömmer alla select-boxar (display: none eller visibility hidden) när div:en visas.

<code>
function hideSelects(){
var elements = document.getElementsByTagName("select");
for (i=0;i< elements.length;i++){
elements[i].style.visibility='hidden';
}
}
function showSelects(){
var elements = document.getElementsByTagName("select");
for (i=0;i< elements.length;i++){
elements[i].style.visibility='visible';
}
}
</code>

[Dr. Blau]

Coolers.
Funkar bra att gömma dem mha javascript.
Tackar.