Sichtbarkeit der Dropdown-Navigation realisieren

**monaco** · 19.12.2014, 11:21

Hallo,

ich habe schon zuvor mit der CSS-Anweisung overflow:hidden und visibility: visible gearbeitet. Diese habe ich auch für meine Dropdown-Navigation verwendet.
Leider wird mir die Dropdown beim hovern (Leistungen) nicht angezeigt.
Folgenden CSS-Code habe ich definiert:

Code:

#mainnav .level_2 {
    position: absolute; 
    left: -32768px;
    top: -32768px;
    overflow: hidden;
}
#mainnav .level_2 li:hover {
    visibility: visible;
}

Start- und Stoplevel sind auf 0 gesetzt und Hardlimit deaktiviert
Kann vielleicht jemand von euch mal drüber schauen, woran das liegen könnte?
LINK
http://sub.dyntec.de/index.php/leistungen.html

**Slind** · 19.12.2014, 11:28

was machst du denn da?

visibility wird dir das element nicht zurück schicken wenn du es zuvor mit left und top aus der seite raus schiebst.

probier mal die navigation ausgeklappt fertig zu machen und füge dann am ende den hover hinzu.

.level_1 > li:hover > ul {display: block;}
.level_2 {display: none;}

**monaco** · 19.12.2014, 12:55

aaah. Dankeschön für den super Anstoß, Slind.
Leider wird aber meine 2. Ebene nicht als block dargestellt.

**tab** · 19.12.2014, 13:29

Also ich habe es bei mir so:

HTML-Code:

.mod_navigation .level_2 {
    width: 0px;
    height: 0px;
    left: -32768px;
    position: absolute;
    overflow: hidden;
    display: inline;
    top: -32768px;
}

.mod_navigation li:hover .level_2 {
    width: auto;
    height: auto;
    min-width: 78px;
    left: auto;
    top: auto;
    overflow: auto;
    display: block;
    z-index: 1000;
}