[CSS] menu visibility

[Verwijderd]

Als voorbeeld heb ik Suckerfish genomen.

Zie hier waar ik mee bezig ben en het is direct duidelijk als je over het menu heengaat. Hier de CSS. Hoe krijg ik nou die submenu's op de voorgrond?

Met z-indexen lukt het mij niet (bijv. alles op z-index:2; zetten en die submenu's op z-index:1; - of andersom, ik wist niet het meer zeker, maar een lagere z-index ligt voor/boven een hogere)

[André]

Een hogere z-index ligt voor/boven een lagere, dus de z-index van de submenu's op 10 zetten.

[Verwijderd]

ja kheb dus beide geprobeerd, tnx anyway

[crisp]

Het lijkt te komen door de position:relative in je li

[Verwijderd]

Crisp, daar zit inderdaad het probleem.

eenvoudig op 'absolute' zetten geeft slechts 1 nadeel: het submenu wordt telkens bovenaan gepositioneerd (of op de plek waar je hem evt. zelf positioneert).

wel een beetje vreemd vind ik het dat het submenu wel boven zijn eigen menu-item komt, maar onder de overige.

in alle gevallen blijven de submenu's onder de 'content' DIV.

ik pruts nog wel even verder, maar het zou mooi zijn als iemand dit eens eerder gedaan heeft of een werkend voorbeeld heeft?

[AkaXakA]

Wat 'z-index: 2' hieraan toevoegd:

code:

li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 60%;
    z-index: 2;
}

?

[crisp]

Verwijderd schreef op 28 december 2003 @ 19:29:
Crisp, daar zit inderdaad het probleem.

eenvoudig op 'absolute' zetten geeft slechts 1 nadeel: het submenu wordt telkens bovenaan gepositioneerd (of op de plek waar je hem evt. zelf positioneert).

wel een beetje vreemd vind ik het dat het submenu wel boven zijn eigen menu-item komt, maar onder de overige.

in alle gevallen blijven de submenu's onder de 'content' DIV.

ik pruts nog wel even verder, maar het zou mooi zijn als iemand dit eens eerder gedaan heeft of een werkend voorbeeld heeft?

IE lijkt daar buggy mee om te gaan in samenwerking met de float-property. Zonder de position:relative ziet hij de ul logischerwijs als container en zal aan de hand daarvan positioneren.
Misschien heb je binnen je li nog een anonieme container nodig, en moet je die position:relative meegeven zodat je daarbinnen je geneste ul kan plaatsen. Je zal dan wel wat dingen in je CSS mbt de selectors moeten aanpassen.

[Verwijderd]

het is me uiteindelijk niet mooi gelukt, dus ben ik ff verder gaan zoeken. nu heb ik wel iets gevonden wat goed werkt, maar er zit een hele lap Javascript aan vast..

CSS/DHTML Menu

toch interessant maar wat een @#$% gedoe zeg, dat browser-compatibility..

offtopic:
*djkappi is verstandig en houdt een winterslaap tot 2007 en wordt wakker in een wereld met 1 browser, 1 standaard-markuptaal en 1 standaard styletaal*

[André]

Verwijderd schreef op 29 december 2003 @ 21:28:

offtopic:
*djkappi is verstandig en houdt een winterslaap tot 2007 en wordt wakker in een wereld met 1 browser, 1 standaard-markuptaal en 1 standaard styletaal*

offtopic:
Als je daar op moet gaan wachten dan ga ik direct mijn graf wel in