PNG nicht transparent???

[mynon]

Hi Forum!
Hier bin ich mit einem neuen eigenartigem Problem.
IE kann keine durchsichtigen Bilder anzeigen??? (zumindest PNG)

Welches Format kann IE durchsichtig/transparent anzeigen?
GIF ist schlecht, weil Photoshop dieses Format nicht kennt.
Und BMP ist nicht transparent, oder?

Vielen Dank
MYNON

[Cheatah]

Hi,

Hier bin ich mit einem neuen eigenartigem Problem.
IE kann keine durchsichtigen Bilder anzeigen??? (zumindest PNG)

das Problem ist absolut nicht neu. Die Unfähigkeit des IE, den Alphakanal richtig zu verwenden, ist im Gegenteil altbekannt und war schon sehr oft Thema dieses und anderer Foren. Es zu fixen war so ziemlich das erste, was die Entwickler des IE 7 versprochen hatten.

Welches Format kann IE durchsichtig/transparent anzeigen?

GIF. Bei PNG musst Du Deinen Code bis zur Unkenntlichkeit verstümmeln.

GIF ist schlecht, weil Photoshop dieses Format nicht kennt.

Äh, wie bitte? Hast Du eine Version von 1985, als es GIF noch nicht gab?

Und BMP ist nicht transparent, oder?

Nein. Zudem ist es in keiner Hinsicht webtauglich.

Cheatah

[Dieter Raber]

Hallo mynon,

Man kann IE ohne weiteres beibringen, PNGs transparent anzuzeigen.
Das folgende Beispiel ist aus einem meiner Projekte, allerdings funktioniert nicht in IE < 6.

HTML, das Bild ist ein transparentes GIF
<div id="tabs">
  <ul id="navlist">
    <li><img src="/pics/style/shim.gif" alt="" /></li>

Normales Stylesheet:
#tabs img {
  height:23px;
  width:23px;
  background: #ccc url(/pics/style/corner.png) no-repeat left top;
}

IE Stylesheet per Conditional Comment
#tabs img{
  background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/style/corner.png');
}

Das PNG ist also das Hintergrundbild des GIFs, etwas vertrackt, aber es funktioniert.

Gruß,

Dieter

[Cheatah]

Hi,

Man kann IE ohne weiteres beibringen, PNGs transparent anzuzeigen.

man kann es ihm beibringen, aber nicht ohne Weiteres. Das betroffene Element ist in seiner Funktionalität für den IE kastriert, so dass z.B. darin enthaltene Links nicht mehr funktionieren.

Cheatah

[Powl]

Hallo,

Fast richtig: bei geeigneten Dimensionen der PNG-Grafik funktionert es schon.
10x10px kastriert, aber z. B. 1x10px oder 10x1px funktioniert.

netten Tag
^da Powl

[Cheatah]

Hi,

Fast richtig: bei geeigneten Dimensionen der PNG-Grafik funktionert es schon.
10x10px kastriert, aber z. B. 1x10px oder 10x1px funktioniert.

nun ja, durch voll-transparente Bereiche kann man auch durchklicken. In jedem Fall muss man aber damit rechnen, dass sich das Element vollkommen anders verhält, als man es mit gesundem Menschenverstand erwarten würde.

Cheatah

[Powl]

Hallo,

In jedem Fall muss man aber damit rechnen, dass sich das Element vollkommen anders verhält, als man es mit gesundem Menschenverstand erwarten würde.

Nun, muß am das beim IE nicht sowieso immer?
*scnr*

netten Tag
^da Powl

[Cheatah]

Hi,

In jedem Fall muss man aber damit rechnen, dass sich das Element vollkommen anders verhält, als man es mit gesundem Menschenverstand erwarten würde.
Nun, muß am das beim IE nicht sowieso immer?

touché! ;-)

Cheatah

[Mathias Brodala]

Hallo mynon.

Welches Format kann IE durchsichtig/transparent anzeigen?

Sowohl PNG als auch GIF.

Solltest du dagegen alpha- bzw. halbtransparenz gemeint haben, solltest du einen Blick auf Ulrichs Artikel zum Thema werfen.

Einen schönen Dienstag noch.

Gruß, Mathias