مشکل با فرمت png

memfis

Member
سلام
من یک تصویر با بک گراند transparent ساخت مکه این تصویر دارای سایه است و کناره های صفحه طراحی شده توسط div را ایجاد می کند این تصویر را با فرمت png سیو کردم تا این سایه از بین نره.تا اینجای کار همه چی نرماله
اما وقتی این صفحه را با ie باز می کنم به مشکلی داخل تصویر مشخصه بر می خورم

1.gif


در حالی که در مرورگر های موزیلا و اپرا به صورت صحیح نمایش داده می شود تصویر زیر

2.gif


مشکل کار از کجاست؟؟؟؟:cry:
 

sharktech

کاربر فعال
آخه این مرورگر گور به گور شده با فرمت png مشکل داره !!!!

یا تصاویر رو با فرمت gif باید سیو کنی یا این رو تو گوگل بزن ie png fix تا کمکت کنه.
 

echessdesign

مدیر انجمن طراحی وب
حل مشکل فایل png در IE توسط جاوا اسکریپت:
HTML:
<script type="text/javascript">
var clear="images/clear.gif"; //path to clear.gif

document.write('<script type="text/javascript" id="ct" defer="defer" src="javascript:void(0)"><\/script>');var ct=document.getElementById("ct");ct.onreadystatechange=function(){pngfix()};pngfix=function(){var els=document.getElementsByTagName('*'),ip=/\.png/i,al="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='",i=els.length,uels=new Array(),c=0;while(i-->0){if(els[i].className.match(/unitPng/)){uels[c]=els[i];c++;}}if(uels.length==0)pfx(els);else pfx(uels);function pfx(els){i=els.length;while(i-->0){var el=els[i],es=el.style,elc=el.currentStyle,elb=elc.backgroundImage;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter=al+el.src+"',sizingMethod='crop')";el.src=clear;}else{if(elb.match(ip)){var path=elb.split('"'),rep=(elc.backgroundRepeat=='no-repeat')?'crop':'scale',elkids=el.getElementsByTagName('*'),j=elkids.length;es.filter=al+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';if(j!=0){if(elc.position!="absolute")es.position='static';while(j-->0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}}}
</script>
 

جدیدترین ارسال ها

بالا