[Karakan]

merhabalar..
webde kullanılmak üzere bi yerden 8-10 tane png formatında transparan icon boyutunda imaj edindim.Firefox ile sayfayı actıgımda pngnin transparan özelligi calısıyor yani arkaplan rengini alıyor.ama ie de acılınca aynı sayfa gri renk alıyor.bu sorundan nasıl kurtulabilirim? CSS kodlarımı da kontrol ettim arkaplan rengi var imaj kullandıgım yerlerde.

[tapoem]

ie6 transparan png24 imajları desteklemiyor. gif'e çevirmek bi çözüm olabilir.

[Karakan]

imajı biraz bozuyor ama madem ie6 desteklemiyor gif olarak kullancaz..tşkler tapoem

[smasherz]

http://www.ceviz.net/index.php?case=article&id=742

[blurise]

PNG alpha transparenct IE'de desteklemiyor ama GIF de zaten hic yok..
Soyle bir hack var: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

[deaftone]

bir de şu var:

http://homepage.ntlworld.com/bobosola/pnghowto.htm

[theshiver]

ben deaftone un verdiği linkteki yöntemi kullanıyorum gayet başarılı yanlız imagemap veremiyorum (ordaki imagemap js sini kullanmama rağmen)

[junKie]

<!-- ################# PNG JS HACK ################### -->
<script defer type="text/JavaScript" >
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters)) 
{
   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 + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

</script>
<!-- ################# / PNG JS HACK ################### -->

,

bu benim işimi gördü.

[fatihunal]

Başka bir konu açmak istemedim, buraya yazmayı uygun buldum.

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true, sizingMethod=scale src='falanca.png');

Dışında şeffaf png arkaplanı ie de düzgün gösterebilecek başka bir metod var mı acaba? JS olur, CSS olur, herşey olur.
Evet, yukarıdaki kod işe yarıyor ama o kodu kullandığımda sayfa da bulunan birkaç <ul> etkisiz hale geliyor.
Şu ie yüzünden atmadığımız takla kalmadı ....

Konuyla alakalı ekte bir resim iliştiriyorum.

Şimdiden teşekkürler.

[fatihunal]

İşte transparan png olayının ie çözümü

#golge
{
width:798px;
overflow: hidden;
background-repeat: repeat-y;
background-image:url(images/tablo_arka.png);
/*IE ICIN PNG ALPHA KANALI HACK*/
background: transparent url(images/tablo_arka.png) !important; background: transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true, sizingMethod=scale src='images/tablo_arka.png');
}

/*IE6 ICIN CSS HACK*/
* HTML #golge a
{
position: relative;
}

/*IE7 ICIN CSS HACK*/
*+HTML #golge a
{
position: relative;
}

IE yüzünde ne işler hızlı oluyor, nede CSS ler valid :)