2016-11-07 2 views
-1

On this page (Wordpress-Website), das rosa Element wird klebrig, wenn es das Menü berührt. Aber dieses Element ist wegen des Logos auf der linken Seite nicht anklickbar, was den Menü-Wrapper höher stellt, wodurch das klebrige Element nicht mehr anklickbar ist.Make zugrunde liegenden sticky div klickbar

Ich kann pointer-events:none auf dem menu div nicht verwenden, weil das Menü + logo unclickable macht.

Auch z-index ist nicht sinnvoll, da das Sticky-Element im Content-Wrapper verschachtelt ist. Wenn ich also die z-index des Inhalts höher als das Menü machen würde, wird der Inhalt oben im Menü angezeigt.

Ich sollte wahrscheinlich das klebrige Element aus dem Content-Wrapper trennen, aber da ich kein Experte mit den Wordpress-Wireframes bin, weiß ich nicht wie.

Oder gibt es noch andere Tricks, die ich ausprobieren könnte?

Antwort

0

Wenn Sie setzen nur die Klasse fusion-logo zu position: absolute der Behälter Logo wird dem normalen Ablauf des Elements nicht folgen, so dass fusion-header Höhe das gleiche des Navigationsmenüs sein und das rosae Element wird rechts unten, um es, klickbar

+1

Brilliant, das war's! Ich dachte immer, die Verwendung von "Position: absolut" würde die Position durcheinander bringen und würde nicht reaktionsschnell funktionieren, also habe ich es nicht einmal versucht. Danke vielmals! – SuperTiny

+0

Eigentlich "Position: absolut" wenn richtig verwendet und wenn Sie wissen, warum Sie es verwenden, können Sie coole Lösungen erstellen! Ich bin froh, dass meine Antwort dir geholfen hat –

Verwandte Themen