Hallo JTL & Community!
Ich suche gerade die Möglichkeit, bei hover der Kategorien im Megamenü, die restliche Page auszublenden.
Meines Wissens funktioniert das via opacity. Nur bin ich mir nicht ganz sicher, wie und wo und was die elementbezeichnungen sind und bin für jeden Tipp dankbar.
Wir nutzen JTL Shop 4.06 mit dem EVO Template und dem Spacelab Theme.
die Website: Energiefabrik Leipzig
Vom Code her sollte das im coustom.css ungefähr so aussehen:
.Elternelement:hover .Kindelement {
transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
}
Kann das so funktionieren? Und was ist mein Elternelement(navbar-default XOR .navbar.nav XOR dropdown?) und was mein Kindelement (body?)
Vielen Dank für eure Überlegungen!
Grüße, Ica
Ich suche gerade die Möglichkeit, bei hover der Kategorien im Megamenü, die restliche Page auszublenden.
Meines Wissens funktioniert das via opacity. Nur bin ich mir nicht ganz sicher, wie und wo und was die elementbezeichnungen sind und bin für jeden Tipp dankbar.
Wir nutzen JTL Shop 4.06 mit dem EVO Template und dem Spacelab Theme.
die Website: Energiefabrik Leipzig
Vom Code her sollte das im coustom.css ungefähr so aussehen:
.Elternelement:hover .Kindelement {
transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
}
Kann das so funktionieren? Und was ist mein Elternelement(navbar-default XOR .navbar.nav XOR dropdown?) und was mein Kindelement (body?)
Vielen Dank für eure Überlegungen!
Grüße, Ica