Neu Opacity der Page bei hover im Megamenü

[Icarium]

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

 

[Patrick Gugelsberger]

Hallo @Icarium,

vielleicht kommst du schneller zu einer Lösung, wenn du doch eine Anfrage für ein Angebot an einen Servicepartner stellst oder unsere Projektbörse nutzt.