CSS Filter für A:hover möglich?

[BitMan]

Hi All,

würde gerne wissen ob ich per CSS Styles auch HREF Tags beeinfllussen kann, so das bei einem Hover die Schrift verwischt wird.

a {
	color: #CCFF66;
	text-decoration: none;
}
a:hover {
	color: #CCFF00;
	font-weight: bold;
	filter:Blur(direction=45, strength=40);
}

Leider passiert bei einem Hover hier überhaupt nichts.

LG BitMan

 

[Maik]

Der von dir eingesetzte CSS-Filter funktioniert nur mit einem Block-Element bzw. einem Inline-Element in Verbindung mit der display:block-Eigenschaft und einer Breitenangabe. Zudem wird er nur vom IE unterstützt, da er aus dem Hause Microsoft kommt.

 

[BitMan]

Das heißt in einem a:hover nicht möglich oder hab ich einen Denkfehler und mein CSS muss noch erweitert werden?

 

[Maik]

Das Stylesheet müsste demnach noch etwas erweitert werden:

a {
	color: #CCFF66;
	text-decoration: none;
        display: block; /* Block-Level-Charakteristika */
        width: 100px; /* Breitenangabe wählen */
}
a:hover {
	color: #CCFF00;
	font-weight: bold;
	filter:Blur(direction=45, strength=40);
}

Aber wie gesagt, der Filter funktioniert ausschliesslich im IE, alle anderen Browser unterstützen die CSS-Filter nicht.