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

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

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

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

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

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

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

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

In den meisten Fällen hilft der Fix von TwinHelix

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

mfg chmee