✔ Schrift nur bei "hoover" sichtbar

[jdgf]

Hallo, ich möchte mit CSS erreichen, dass ein Link nur beim Überfahren sichtbar ist. Da transparent in CSS für die Schrift nicht definiert zumindest nicht von allen Browsern akzeptiert wird, habe ich es mit visibility versucht. Hier erscheint aber die Schrift beim Überfahren auch nicht, obwohl die Def ist visibility: visible, sobald bei a ein hidden gesetzt wird.

div#advent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	visibility:hidden;

}
div#advent a:hover {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	visibility:visible;
}

Weiss jemand eine Lösung?
Gruß Dietmar

 

[SpiceLab]

Das kann so nicht funktionieren, denn visibility:hidden versteckt das Element, womit es für den Mauszeiger nicht greifbar ist.

Welcher Browser interpretiert denn color:transparent nicht?

 

[CPoly]

Welcher Browser interpretiert denn color:transparent nicht?

In solchen Fällen liegt man denke ich beim Internet Explorer immer richtig.

Mir fällt auf Anhieb folgendes ein

div#advent a {
	opacity:0;
	filter:alpha(opacity=0);
}

div#advent a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

Oder falls du in deinem Kontext den Link auch als Block-Element unterbringen kannst

div#advent a {
	display:block;
	text-indent:-9999px;
}

div#advent a:hover {
	text-indent:0px;
}