Drop Down Menü verschwindet hinter dem Image Slider

[denny125]

Hallo,

meine Suche dauert schon Tage und ich bin immer noch nicht weiter gekommen.

Ich habe ein aufklappbares Menü, sowie einen darunterlegenden Image Slider.

Sobald das Menü aufklappt, verschwindet es hinter dem Slider...

Viele Antworten habe ich schon gefunden, es liegt an der z-index.

Aber niemals wurde praktisch eine komplette Lösung gezeigt, es wurde immer mit den Worten "jetzt klappt es, danke" beendet.

Das hilft mir aber nicht weiter..

Bitte um eure Hilfe :)

Es wäre schön, wenn mir jemand eine funktionierende Komplettlösung geben kann.. Oder mir zumindest sagen kann, was ich wo genau ändern muss..

Anbei meine beiden Dateien, mit denen ich arbeite..

DANKE :)

 

[threadi]

Ich lade die Datei nicht runter, da ich dich nicht kenne und nicht weiß was da drin steckt. Wenn Du Hilfe bei deinem Code willst, zeig den relevanten Code hier direkt oder per Link auf einer Webseite.

Allerdings ist z-index soweit ich es verstehe natürlich die Antwort die Du suchst. Du musst nur folgende Dinge berücksichtigen:
- z-index wirkt nur auf Elemente die relativ, absolut oder fixiert positioniert sind
- je höher der z-index umso weiter oben liegt das betreffende Element. Wenn ein Element also ganz oben sein soll, dann gib ihm den höchsten z-index deiner Seite. Der z-index sollte im Idealfall zwischen 1 und 10000 liegen.

 

[denny125]

Danke, ok, verstehe..

Also der eigentliche CSS Code ist der hier:


#sddm
{ margin: 0;
padding: 0;
z-index: 99}


#sddmli
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}


#sddmlia
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}


#sddm li a:hover
{ background: #49A3FF}


#sddmdiv
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}


#sddmdiva
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial}


#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

 

[denny125]

Ah, jetzt hab auch ich es geschnallt DANKE!! :)

Ich habe jetzt einfach mal den höchsten Wert angegeben (10.000) und es ist endlich über dem Slider.

10000 Dank :)