Fade Out Bottom

Mittwoch, 7. November 2007

Fade Out Bottom

Ein cooler Effekt, bei dem die Fußzeile einer Webseite wirkt als würde sie “ausfaden”. Der Effekt wird durch ein div mit fester position (bottom:0%), einer transparenten PNG Grafik und einem sehr hohen z-index realisiert.

Fade Out Bottom

Es gibt außerdem ein Beispiel zum herunterladen.

Popularity: 55% [?]

9 Kommentare »

Der Trick funktioniert allerdings nicht im IE6, wie ich soeben feststellen musste.

Kommentar by Sven Wagener

13. Dezember 2007 @ 16:39

Gravatar

..ist klar, weil IE6 Probleme mit transparenten PNGs hat.

Kommentar by Andreas Jobst

13. Dezember 2007 @ 17:08

Danke für die Info.
Das Beispiel werde ich mir mal ansehen.
Ein cooler Effekt,klasse!

Kommentar by Luftgucker

9. Januar 2008 @ 20:54

Eventuell kann man auch den IE6 dazu bewegen. Mit pngbehavior.htc sollte es klappen.

Kommentar by Stefan

29. März 2008 @ 20:30

Wahnsiiiiin hab so lange das gesucht und endlich….bei dir gefunden! Meinst du, es ist für WordPress auch realisierbar? Ich habe plugins, die bei Blogspot funktionieren, auf WordPress versucht, war aber leider eine halbe Katastrophe….

Kommentar by superheiko1984

7. Juli 2010 @ 23:12

meinst du, es klappt auch mit WordPress? wird eine simple CSS-Technik verwendet oder? ich meine die sich ein transparentes .png-Bild sowie die z-index-Eigenschaft zunutze macht…?

Kommentar by superheiko1984

7. Juli 2010 @ 23:15

Gravatar

klar, funktioniert auch mit wordpress. nur nicht im ie6 wegen fehlender png24 unterstützung. aber ie6 ist inzwischen eh eher unwichtig.

Kommentar by Andreas Jobst

8. Juli 2010 @ 02:25

User-feindlich, weil nicht lesbar, zumindest bei Schrift. Wozu also soll es gut sein? Soll man es machen, nur weil es gemacht werden kann – unabhängig davon ob es sinnvoll ist? Solche eitlen Spielereien sind genau das, was Leute fernhält die an Inhalten interessiert sind.

Kommentar by fullepulle36

16. Oktober 2010 @ 23:32

Gravatar

Ansichtssache. Aber lesbar ist da eigentlich alles, wenn man nicht gerade mit IE 5.0 unterwegs ist :) Man muss natürlich auch scrollen…

Kommentar by Andreas Jobst

19. Oktober 2010 @ 12:02

RSS Feed für Kommentare zu diesem Artikel. TrackBack URI

Hinterlasse einen Kommentar

XHTML: Sie können diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis