Gunnar Bittersmann: Mit :hover einen Text einblenden

Beitrag lesen

@@Jana

Mein Ziel ist es, dass ich einen mouseover-effekt bekomme

Bedenke, dass viele (wenn nicht gar die meisten) Nutzer überhaupt keinen Mouseover-Effekt zu sehen bekommen.

Wozu soll die Anzeige überhaupt gut sein? Und warum nimmst du nicht das title-Attribut?

#Asien:hover #X selektiert ein Element mit der ID ‚X‘, welches ein Nachfahrenelement eines gehoverten Elements mit der ID ‚Asien‘ ist. Das heißt: ‚X‘ innerhalb von ‚Asien‘.

Da das bei

	<a href='Asien/Asien.html'> <img src='Bilder/Stecker.png' 
	id='Asien'> </img> </a> </figure>
	
	<div id='X'> Test </div>

nicht der Fall ist, gibt es keine Anzeige bei Hover.

Was fehlt: Der Alternativtext für das Bild (vermutlich alt="Asien").

Was weg muss: das </img>-End-Tag.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

--
“Turn off CSS. If the page makes no sense, fix your markup.” —fantasai