PNGs für den IE aufbereiten - Gab's da nicht mal ein Tool?

[Bluescreen]

Hallo Leutz!
Der Internet Explorer hat es ja nunmal immer noch nicht geschafft, die PNGs mit Halbtransparenzen korrekt anzuzeigen. Das hat ja einen ganz bestimmten Grund, ich meine es hatte was mit 'Alpha...' zu tun. Wie auch immer:

Gibt es nicht ein Tool, das diese Apha-Dingsbums aus dem PNG rausschmeißt, und damit die PNGs auch beim unsäglichen IE funktionieren?

[mitaki]

Ist mir so nicht bekannt.

Aber wenn du mit einem Bildbearbeitungsprogramm die Hintergrundfarbe des Bildes veränderst (nicht im Bild, sondern in der Farbtabelle!) dann zeigt der IE anstatt seines Failsafe-Graus die Hintergrundfarbe an. So kann man diese dem Seitendesign anpassen.

[ive beaten tetris]

sowas gibts nicht. lad dir den neuen ie oder versuch halt n bisschen mit gif diffusion zu dithern oder nehm n normales bild und geb dem ne opacity:

.{
filter:alpha(opacity=50);
}

gibt auch noch ne andere variante in der du mehrere artefakte eines bildes einzeln anzeigen lässt und denen ne eigene opacity gibst

[mitaki]

Die "Workarounds" mit GIF sind in keiner Weise zu befürworten.

Anzumerken wäre noch, dass

filer:alpha(opacity=x);
Ein komplett IE spezifisches Gerüst ist.

Ab CSS3 wird es die CSS-Eigenschaft opacity geben, welche heute schon von manchen Browsern impelemtiert ist.

[FF]

taki: eben ;)
Man nimmt ein normales alphatransparentes bild, und im dies nicht anzeigenden ie setzt man halt das tag. dann müsste doch alles wieder richtig sein^^

[mitaki]

Jain, damit wird ja das ganze Bild Transparent.

Es gibt zwar einen Filter, der die Alphatransparenz "verfügbar" macht (diser wird ab IE7 standardmäßig aktiviert). Hier auf meinem IE6 hab ich ihn jedoch nicht zum laufen gebracht.

Also entweder die obigen Lösungen versuchen oder IE6 abhaken.

[DFYX]

img {
filter:expression(
this.napalmLoaded
? "" :
(
this.src.substr(this.src.length-4)==".png"
?
(
(!this.complete)
? "" :
this.runtimeStyle.filter=
("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
String(this.napalmLoaded=true).substr(0,0)+
(this.src="http://s.deviantart.com/styles/blank.png").substr(0,0)
)
:
this.runtimeStyle.filter=""
)
);
vertical-align: middle;
border-width: 0px;
}

Funktioniert einwandfrei. Aber man sollte nach Möglichkeit natürlich noch den Link zu http://s.deviantart.com/styles/blank.png durch was eigenes ersetzen. Das Bild muss ein komplett transparentes 1x1 Pixel großes PNG Bild sein.

[Lucleonhart]

@DFYX: Ô_ô' WTF?! Das klappt ja wirklich!! *ganzganzgroßeaugenmacht* Jetzt bin ich aber mal baff! :D

[FF]

was bewirkt das überhaupt? o.O
*codenedrall*

[ive beaten tetris]

ich nehme mal an dass dieses blank-bild übers normale bild gelegt wird und dann kommen kleine filterspielereien ala photoshop ins spiel die durch ihre einstellungen irgendwie addiert oder multipliziert werden oder blah. anders könnt ichs mir nicht erklähren. auf jeden fall konnt ich meinen chef damit begeistern weil der immer noch designs für unter anderem auch dem ie6 anpasst und sich ärgert dass diese nich in der lage ist transparenz in pngs zu unterstützen

[mitaki]

Derartige Konstrukte sollten aber auf jeden Fall in einem externen Stylesheet, welches per Conditional Comments eingebunden wird, angelegt werden.

[Jesus_666]

Conditional Comments
Wer auch immer die erfunden hat verdient einen Preis. Conditional Comments sind ehrlich das einzige Feature, das ich am IE richtig gut finde. (Ratet mal, warum.)

[mitaki]

Wer auch immer die erfunden hat verdient einen Preis. Conditional Comments sind ehrlich das einzige Feature, das ich am IE richtig gut finde. (Ratet mal, warum.)

Na wegen <!--[if !IE]><!-->Inhalt<!--<![endif]--> :D

[ive beaten tetris]

wozu? mach ne angabe für moz opacity und schreib darunter das skript rein. mozialla lisests zwar ein kann aber im grund nich viel damit anfangen weil er die definition sowieso schon besitzt und der ie erkentn keine mozilla befehle. dafür brauchst du keine weiteren stylesheets und conditional comments


Wer auch immer die erfunden hat verdient einen Preis. Conditional Comments sind ehrlich das einzige Feature, das ich am IE richtig gut finde. (Ratet mal, warum.)

weil du zwei definitionen schreibst und es browserabhängig ist welche genommen wird. ergo kansnt du mit zwei definitionen das selbe ergebnis in unterschiedlichen browsern bekommen

[mitaki]

wozu? mach ne angabe für moz opacity und schreib darunter das skript rein. mozialla lisests zwar ein kann aber im grund nich viel damit anfangen weil er die definition sowieso schon besitzt und der ie erkentn keine mozilla befehle. dafür brauchst du keine weiteren stylesheets und conditional comments
Wieso sollte man? Es ist wesentlich sinnvoller, spezielle IE Hacks in ein CC zu packen, da bessere Programme durch diesem Mist ins stottern geraten können (was keinen Qualitätsverlust dieser Programme darstellt).

Manche lachen darüber, aber wenn ich zig Kb an IE Hacks habe, weil für jede Version spezielle Extrawürste gebraucht werden, lass ich nicht zu, dass Benutzer standardkonformer Browser davon beeinträchtigt werden.

CCs sind was tolles, aber sie verleiten z.B. Chris Wilson dazu zu behaupten die meisten Designs sähen im IE gut aus >.<
Ich werd den MS Haufen nie verstehen.