Wie man dieses Hover Dropdown-Menü beheben kann

Question

Das Hauptproblem ist, habe ich 2 Hover Drop-Down-Elemente. Das erste ist 5-6 Tasten im oberen Menü und das zweite ist ein Hover Drop-Down-Bild. Jetzt weiß ich nicht, wie man einen anderen CSS-Code für beide Objekte macht. Siehe meinen Code, den du vielleicht verstehst. Ich möchte das Hover-Bild oben links fixieren. Hier ist der Code:

code 

https://jsfiddle.net/d4jgmo7k/

Hinweis: Bilder werden nicht arbeiten, aber ich will, zu beheben, dass „FFH-Logo“ auf der linken Seite oben

Answer 1

Sie eine andere Klasse zum ersten hinzufügen Dropdown-Menü. Zum Beispiel:

<div class="dropdown anotherclass" > 
    <img src="images/ffhlogo5.png" alt="FFH Logo"> 
    <div class="dropdown-content" > 
    <img src="images/ffhlogo1.png" alt="Trolltunga Norway" width="300" height="200"> 
    <div class="desc">FFH Logo</div> 
    </div> 
</div> 

dann wählen Sie einfach die neue Klasse in Ihrem CSS wie folgt:

.dropdown.anotherclass { 
/*insert specific css here*/ 
}