Avatar billede kapoou Nybegynder
17. april 2006 - 12:48 Der er 8 kommentarer

z-index ved formelementer

Hej

Jeg har et problem med z index.

Jeg har en mouseover funktion med et lille div der kommer til syne, men problemet er bare at dette div forsvinder ind under form elementerne på siden. Hvordan kan jeg få dette div til at lægge sig oven på formelementerne.

CSS for DIV ser ud som følger

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

Form elementet ser ud som følger

<select name="template" style="z-index:1">
<option value="default">Default option </option>
</select>

Mange tak for hjælpen!
Avatar billede Tony Juniormester
17. april 2006 - 12:57 #1
Ligger formelementerne i et div med lavere Z-index?
Avatar billede kapoou Nybegynder
17. april 2006 - 13:10 #2
Der er ikke nogle form elementer i mit div. der står noget tekst i div'et men det forsvinder bag formelementerne som også er på siden.
Avatar billede Tony Juniormester
17. april 2006 - 13:17 #3
Nej nej :-)

Din form ligger den i et div?
Avatar billede Tony Juniormester
17. april 2006 - 13:19 #4
Du kan mig bekendt ikke sætte et Z-index på en select, så den er nød til at være i et div ...
Avatar billede mclemens Nybegynder
17. april 2006 - 20:41 #5
tror du er nødt til at skjule form's eller det enkelte formelement her er et eksempel på skjuling af det element du nævner:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#dhtmlpointer{
position:absolute;
left: -30px;
visibility: hidden;
}
</style>

<script type="text/javascript">
<!--

//-->
</script>

</head>

<body>
<div id="dhtmlpointer">aaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbbbbbbbbbbbbbbbbbbb<br>cccccccccccccccccccccccccccc<br>dddddddddddddd<br>e<br>fffffffff<br>ggggggggg</div>


<form name="formnavn">
<select name="template">
<option value="default">Default option </option>
</select>
</form>


<br><br><br><br><br><br><br><br><br>
<b onmouseover="document.getElementById('dhtmlpointer').style.visibility='visible';" onmouseout="document.getElementById('dhtmlpointer').style.visibility='hidden';">test</b>
<b onmouseover="document.forms.formnavn.template.style.visibility='hidden';document.getElementById('dhtmlpointer').style.visibility='visible';" onmouseout="document.forms.formnavn.template.style.visibility='visible';document.getElementById('dhtmlpointer').style.visibility='hidden';">test2</b>
</body></html>
Avatar billede mclemens Nybegynder
17. april 2006 - 20:53 #6
... script burde rykkes op i head tagget og forkortes i en function... men det var mere til en hurtig illustrering...

[Du kan mig bekendt ikke sætte et Z-index på en select,]
- rigtig nok, kan man ikke :)

[ så den er nød til at være i et div ... ]
- hjælper ikke select vil stadig stå øverst... havde det f.eks. været en
button eller input havde det været anderledes :P ... spørg mig ikke hvorfor :/
Avatar billede roenving Novice
19. april 2006 - 17:29 #7
-- og du kan måske kigge på den løsning, Eksperten har valgt (som er den mest realistiske -- også indirekte den mclemens peger på !-)

Skjul select-bokse, når der er risiko for at andre elementer kan komme ovenpå ...

-- teoretisk er det også en mulighed at bruge iframes, men den er en del mere krøllet, men dog stadig mulig !o]
Avatar billede mclemens Nybegynder
29. juli 2006 - 11:44 #8
.lukketid?

[ -- og du kan måske kigge på den løsning, Eksperten har valgt (som er den mest realistiske -- også indirekte den mclemens peger på !-) ] Peger ikke som sådan på ekspertens løning - vidste ikke de brugte det ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester