CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif
Ein Kommentar zu meinem letzten Artikel über die F.I.M. hat mich dazu gebracht, den Aufbau noch einmal gründlich zu überdenken und das Resultat ausgiebig zu testen. Somit kann ich jetzt eine echt gute Alternative vorstellen…
CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
Alle, die sich schon einmal fragten, ob und wie man ein Background-Image verlinken kann ohne auf CSS3 warten zu müssen, sollten diesen Post einmal lesen.
Die Antwort ist simpel, bulletproof und valide! Hier gibt’s einen Workaround…
CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
Packe alle deine grafischen Elemente in eine Datei und positioniere diese als Hintergrund pixelgenau.
Es ist ein Sprite und es hilft dir die Hälfte deiner Bandbreite zu sparen. Echt!
CSS: Transparenz im Hintergrund!
Und es geht doch: Dem Hintergrund eine beliebige Transparenz verpassen während der Text undurchsichtig bleibt (Achtung: Wortwitz!).
Für dieses Beispiel brauchst du keine htc- oder hta-Datei, sondern lediglich ein .gif! Die Kehrseite: Wir müssen den Pfad des W3C verlassen…
mehr »
Flattr zärtlich Danke ♥
Beliebte Artikel
- CSS: Ein vertikales und/oder horizontales Dropdown-Menü
- Microsoft: Expression Web SuperPreview. Website-Check im IE6 bis IE8
- Google Waves: Neue Horizonte durch Echtzeitkommunikation?
- CSS: Der IE6 mit :hover und ein vertikales Karteikarten-Reiter-Menü
- MooTools: Fading Opacity. Schickes Menü mit Mouseover
- Kurz notiert: Platz 16 beim CSS Off von CSS-Tricks
- CSS: F.I.M. - Fake Image Map. Eine Alternative zur echten Image Map
- CSS: Transparenz im Hintergrund!
- Podcasting: 5 (hörenswerte) Podcasts rund um's Thema Internet
- Kurz notiert: Und der User scrollt doch!?
- Kurz notiert: Mehr Schärfe mit Photoshop. Unscharf maskieren...
- CSS: Ein 3-Spalter-Div-Layout!
- CSS: Ein 3-Spalter-Div-Layout. Absolute!
- CSS: Einen Float-Container ohne zusätzliches Markup clearen!
- Dreamweaver 8: ListAll und BreakAll-Erweiterung!
- CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
- VMware: Ein Player für alle Fälle!
- Flash: Dynamische Navigation aus einer Datenbank!
- CSS: !important. Styles mit der groben Kelle!
- CSS: Be water my friend. Was CSS und Bruce Lee gemeinsam haben könnten...
- Browser: Google will mit Chrome glänzen
NonCommercial
Shop
Folge mir auf...
- BonBon Sweet CSS3 Buttons http://t.co/2UkrGQs via @simurai Nicht schön aber selten ;-) (und echt gut gemacht) #css3 #button 1 hr ago
- packt seine Koffer und wechselt komplett vom #ff zum #chrome Die gleichen Extensions+, schneller, größer, scheint nicht so zerfrickelt... 4 hrs ago
- Avoiding the Uncanny Valley of Interface Design: http://goo.gl/mac7 "Uncanny Valley" kannte ich nicht http://goo.gl/MXUO #great_article 1 day ago
- More updates...
