Ich arbeite mit dieser wahrscheinlich einfachen Lösung, aber ich konnte keine Hilfe zu stackoverflow oder dem Internet finden, die sich auf dieses spezielle Problem beziehen.
Ich habe ein Menü, und ich möchte ein Bild unter dem Link oder in der Nähe erscheinen lassen, wenn Sie den Mauszeiger darüber bewegen. Ich hoffe, dass dies in CSS möglich ist. Dies ist mein Code bisher.
HTML
%Vor%Und das ist das CSS bis jetzt:
%Vor%Ich hoffe, ihr könnt mir helfen!
Der sauberste Weg, um damit umzugehen, ist die Verwendung von :after pseudo
Sie brauchen das Bild nicht einmal im DOM.
Beachten Sie auch, dass der Pfad zum Bild relativ zur CSS-Datei und nicht zur HTML-Datei ist.
Natürlich wird das Bild den Inhalt unter dem Anker drücken. Um dies zu vermeiden, können Sie versuchen:
%Vor%Versuchen Sie, das Bild innerhalb der href einzufügen und geben Sie einen Stil von "display: none"
einDann:
%Vor%Das sollte das Bild anzeigen, wenn es auf dem
steht