In meinen Beitrag über Teiltransparente Hintergrundfarben in allen Browsern (fast) ohne PNG-Dateien stellte ich ja abschließend die Frage, ob sich der ganze Aufwand mit den Base64-codierten PNGs und dem IE-Filter und all dem überhaupt lohnen würde. Die Antwort auf diese Frage hat Blogleser Tim mit seinem CSS Generator gegeben. Dort gibt man eine Farbe und einen Alpha-Wert ein (z.B. #FF0000
und 0.5
) und erhält einbaufertigen CSS-Code im Sinne meines Artikels:
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4z8BQBwAEfwF+XBmVOwAAAABJRU5ErkJggg==') repeat;
*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fff0000, endColorstr=#7fff0000) /* won't validate, CSS hack */ /* A method for alpha color backgrounds, see http://tinyurl.com/ly6rj2 */;
Finde ich gut, das Ding. Zwar rüstet sich demnächst Opera 10 auch mit RGBa und HSLa aus, aber dann ist ja immer noch die IE-Familie da, um solche Tricksereien nötig zu machen. Wäre ja auch sonst langweilig.
Blogleser Tim hatte mir den Generator schon letzte Woche gemailt, wobei ich es allerdings geschafft habe, die Mail aus irgendwelchen Gründen völlig zu ignorieren. Sorry Tim!
Kommentare (13)
dasparadoxon ¶
8. Juni 2009, 10:36 Uhr
Danke für den Hinweis, nützliches Tool !
Matthias Mees ¶
8. Juni 2009, 11:06 Uhr
Der Link zum älteren Eintrag ist übrigens karpott.
Peter ¶
8. Juni 2009, 11:09 Uhr
Ups. Gefixt, danke!
Tim Baumann ¶
8. Juni 2009, 11:23 Uhr
Macht nix. Höre ja auf Twitter ständig von deinen Mailfluten. Habe mir schon gedacht, das meine untergegangen ist.
Webstandard-Team (Heiko) ¶
8. Juni 2009, 11:33 Uhr
Klasse Alternative, danke für den Link Peter!
dasparadoxon ¶
9. Juni 2009, 10:27 Uhr
Ich kriege da bei einigen IE6.0 eine DLL Warnung und die Bilder werden nicht transparent angezeigt...
Tim Baumann ¶
9. Juni 2009, 14:25 Uhr
Zitat dasparadoxon:
Keine Ahnung, was da passiert ist. Zeig mal deinen CSS-Schnipsel her!
Tim Baumann ¶
9. Juni 2009, 15:10 Uhr
Hab einen Fehler gefunden und gefixt. Probiers bitte nochmal, dasparadoxon.
dasparadoxon ¶
9. Juni 2009, 20:05 Uhr
@TIM : Es war doch kein Fehler des generierten CSS Codes von deinem Tool, Tim. Alles bestens und feines Werkzeug !
Rainer ¶
13. Juni 2009, 17:39 Uhr
Bin beeindruckt dass das auch im IE6 funktioniert, was ich mich mit diesem "Browser" schon rumgeärgert habe...
Tim ¶
2. Januar 2010, 03:54 Uhr
Neue Version online. Features: Erklärung, Colorpicker und kein Augenkrebs mehr.
Tim Baumann ¶
18. Mai 2011, 20:46 Uhr
Peter, könntest du mal bitte die URL updaten, für den Fall dass noch jemand auf diesen Post stoßen sollte:
http://timjb.github.com/alphacolor/
Peter ¶
18. Mai 2011, 23:41 Uhr
Erledigt!