Verlinkte Bilder nach dem Anklicken ausgrauen mit CSS

Besteht Ihre Linkliste oder Webseiten-Navigation nur aus Grafiken, lässt sich für den Besucher nicht erkennen, welche der Links er schon angeklickt hat. Mit Hilfe dieses kleinen CSS können Sie besuchte Links bzw. deren dazugehörige Grafiken ausgrauen.

Um dies zu erreichen, ist es lediglich notwendig, den CSS-Filter “Gray()” auf einen besuchten Link bzw. dessen Grafik anzuwenden.


<html>
<head>
<style type="text/css">
<!--

A:visited IMG {
 filter:Gray();
}

-->
</style>
<title>Verlinkte Bilder nach dem Anklicken ausgrauen</title>
</head>
<body>

<a href="http://www.philips.de/" target="_blank"><img border="0" src="bild.jpg"></a>

</body>
</html>

Textlinks sind von diesem Ausgrauen explizit ausgeschlossen.

2012 Tage ago by in CSS | You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

Leave A Response