site tasarımı için photoshopta shabe leri kullanarak bi şekil yaptım ve bunu arka planı transparan olarak gif şeklinde kaydettim. Sorun şu bunu koyu renkli bir arkaplana koyduğum zaman kenarlerında ki beyaz pürüzlükler çok sırıtıyor. Png olarak kaydettiğimde ise Firefoxda normal gözüküyor ama internet explorer de resmin transparan kısmı komple farklı bir renk alıyor.
Burda iki sorum var birincisi shabeleri kenarlarındaki geçiş olmadan nasıl çizebilirim.
ikincisi biraz konu dışı ama png leri İE de nasıl düzgün gösterebilirim? Teşekkürler.
Sorun ie nin sorunu
internet explorer 5 ve 6 sürümlerinde böyle olmaktadır...
Sayfanıza eklemeniz gereken script kodu:
HTML:
<script defer type="text/javascript" src="pngfix.js"></script>
JS kodu :
HTML:
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
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
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == "align")
{
if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
break
}
}
var strNewHTML = "[color=#000080]<span " + imgID + imgClass + imgTitle
strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\">[/color][color=#000080]</span>[/color]"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
Kodu linkte ziplenmiş .js uzantılı olarak bulabilirsiniz... bunu html klasörünüzle aynı yere açılmış olarak atmalısınız.
RapidShareden indirmek için Alıntıdır.
------------------------------------------------------
buda başka bir arkadaşın çözümü
HTML:
#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.AlphaImageLoader(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;
}
Alıntıdır.
------------------------------------------------------
https://img49.imageshack.us/my.php?image=76451925ue8.jpg Arkadaşlar yaa resimde görüldüğü gibi PSD dosyalarını açıyorum fakat olay bu yanda layerlarda herşye normal falan bir türlü başaramadım açılmıyo veya görünmüyo belki başına gelmiştir sorun ne burda yaa hepsi boş görünüyo
Probleminizi tam olarak anlıyamadım zaten resimdende gözüktüğü gibi layerin gözlerini yani layerleri şu anda invisible yapmış durumdasınız normal olarak ana dosyada gözükmeyecektir. Eğer probleminizi yanlış anladıysam örnek dosyayı upload edip bizimle paylaşırsanız sorunu çözebiliriz...
