✔ Transparentes PNG - sichtbar?

[08154711]

Hallo,
Ich habe ein Bild erstellt wo die Ecken rund sind, damit man die Rundung auch sieht ist der Hintergrund dort transparent. Das klappt dann auch im jeden Browser, auf verschiedenen Rechnern aber auf einem Rechner sieht man das Bild eckig...
Kann mir das jemand erklären wie das passiert?
Danke

 

[Maik]

Moin,

betrachtest du auf diesem einen Rechner die Website mit dem IE6? Dieser kann nämlich mit (semi)transparenten PNG-Grafiken nicht umgehen.

In diesem Fall empfehle ich dir den Artikel Cross-browser semi-transparent backgrounds.

mfg Maik

 

[08154711]

Hi,
Auf diesem Rechner ist XP mit allen Updates drauf, allerdings kann ich nicht sagen ob dort mittlerweile auf den IE7 geupdatet wurde - sollte aber über das Windows Update funktionieren. Danke für den Tipp ich werde dort mal nachhaken.
Gruss

 

[Maik]

Na, das riecht dann doch stark nach dem IE6

Ich schieb das Thema dann mal für's Erste vom Photoshop-Forum in den CSS-Bereich.

mfg Maik

 

[08154711]

Hi Maik,
Hast recht gehabt, ist der IE6 mit einem Logo von t-online. Trotzdem Danke für den Tipp.

 

[Every_b]

Um meinen Senf auch nochmal dazu zu geben, folgendes Javascript funktioniert bei mir prächtig:

function correctPNG()
   {
   for(var i=0; i<document.images.length; i++)
      {
	  var img = document.images[i]
	  var imgName = img.src.toUpperCase()
	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	     {
		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText 
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src=\'" + img.src + "\');\"></span>" 
		 img.outerHTML = strNewHTML
		 i = i-1
	     }
      }
   }
window.attachEvent("onload", correctPNG);

Ich hatte dort mal irgendwas verändert da alle Bilder auf 6pixel in der Höhe gestreckt wurden, was das war, weiß ich aber leider nicht mehr - aber es funktioniert

 

[chmee]

In den meisten Fällen hilft der Fix von TwinHelix

http://www.twinhelix.com/css/iepngfix/

mfg chmee