Luggi: Listen

Beitrag lesen

SELF-Forum

Listen

Luggi
– Informationen zu den Bewertungsregeln

Hallo, ich habe ein Problem mit CSS.

Und zwar habe ich eine Liste aus <ul> <li> mit der ich mein Menü baue.
Das Basisproblem besteht jetzt darin:
Ich habe 2 verschiedene Einträge. z1 und z2. Sobald ich mit der Maus über z2 fahren (hover) soll z1 eine Eigenschaft ändern, in diesem Falle visibility: hidden.

An dieser Codestelle:

  
li.z2:hover  
			{  
				visibility: hidden;  
				background: #00FF00;  
			}

sollte eigentlich sowas stehen:

  
li.z2:hover .. z1 (allerdings gibt ein kein .. zurück operator)  
			{  
				visibility: hidden;  
				background: #00FF00;  
			}

Hier der Code:

  
<html>  
	<head>  
		<style>			  
			li.z1  
			{  
				visibility: visible;  
				background: #FF0000;  
			}  
			  
			li.z2  
			{  
				visibility: visible;  
				background: #00FF00;  
			}  
			  
			li.z2:hover  
			{  
				visibility: hidden;  
				background: #00FF00;  
			}  
		</style>  
	</head>  
	<body>  
		<ul>  
			<li class="z1">Eintrag 1</li>  
			<li class="z2">Eintrag2</li>  
		</ul>  
	</body>  
</html>

Jemand eine Idee wie man das Lösen kann?

Gruß Andreas

Beitrag melden
–
Informationen zu den Bewertungsregeln