افضل طريقة لحل مشكلة شفافية PNG24 في المتصفح IE6

bazbomb · 31-05-2008, 09:46 AM

السلام عليكم و رحمة الله

الحمد لله و الصلاة و السلام على رسوله الكريم محمد و على اله و صحبه ومن والاه
اما بعد

فقد واجهتني مشكلة كبيرة عندما استلمت تصميم احد المواقع التي اعمل عليها من المصمم وكان قد اكثر من استخدام الصور من نوع png 24bit والتي يمكن التحكم بشفافيتها بدقة .

ولكن المشكلة ظهرت بعد ان اكملت التصميم و اذا بالصور من هذا النوع لاتظهر في المتصفح IE6 وتشوهت الصفحة اما في بقية المتصفحات فالامور تمور .

اي جيدة .

رجعت الى صديقي الحبيب (كوكل) لاسئله واجابني بعدة طرق لحل المشكلة منها :

1- استدعاء ملف جافا سكربت جاهز وادراجه في صفحتك . لايمكن استخدامها مع css
http://homepage.ntlworld.com/bobosola/index.htm

2- توجد ثلاث ملفات جاهزة تضعها في موقعك و تقوم باستدعائها ايضا و لكنها لم تفلح معي.
http://www.mongus.net/pngInfo/pngHack.zip

3- ادراج فلتر داخل الصفحة ووضع امتداد الصورة داخله وهذه الطريقة نجحت معي .
الفلتر هو :

كود PHP:

   
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='mypix.png');

واستخدمته كالاتي داخل ملف css بعد ان حذفت السطر background-image: url(images/Header.png);

واضفت الاتي :

كود PHP:

  #Header {
 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/Header.png');  
 
 background-repeat: no-repeat;
 background-position: center top;
 width: 860px;
 margin-top: 25px;
 margin-right: auto;12:54 AM 5/31/2008
 margin-left: auto;
 height: 130px;
 vertical-align: bottom;
 float: right;
 padding-right: 10px;
 
}

الا اني تفاجئت ان الصفحة قد تجمدت اي لا يمكن الضغط على الروابط Hyperlinks الموجودة في الصفحة التي استخدمت فيها الهاك .

رجعت الى صديقي لاسئله مرة اخرى فوجدت ان الكثير من مصممي المواقع يعانون نفس الامر وهو عدم القدرة على الضغط على الروابط عند استخدام هذا الهاك ويستخدمون برنامج صغير لتحويل الصورة من نوع PNG 24 الى PNG8 عبر الطريقة التالية :

1- حمل الملف الاتي :
http://jedisthlm.com/download/pic.zip

2- حمل الملف : pngquant
http://sourceforge.net/project/downl...e_mirror=voxel

ضع الملف pngquant في المسار :
C:\WINDOWS\system32

ثم افتح الملف pic.exe الذي حملته في الخطوة رقم 1 و اختر الصورة ثم اختر الرقم 256 من القائمة المنسدلة في البرنامج سيقوم بحفظ الصور الجديدة في نفس مسار الصورة المختارة .

الان يستطيع المتصفح IE6 قراءة سفافية الصورة ولكن الصورة الناتجة سيكون وضوحها اقل بشيء نسبي.

والسلام عليكم و رحمة الله

31-5-2008

انشر · 31-05-2008, 10:00 AM

يعطيك العافية معلومات مفيدة جدا

تحياتي

Alshajjar · 31-05-2008, 06:06 PM

شكراً جزيلاً لك ، موضوع تشكر عليه

وضعت جميع الحلول و بينت افضلها

اشكر لك هذا المجهود ..

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
ممكن مساعدة في ترجمة هذا الموضوع لحل تحويل منتدى الـvb إلى UTF-8 لحل مشكلة الترميز ؟	الغريب همام	قسم تبادل خبرات الاستضافة	12	05-05-2008 10:24 PM
مشكلة ان الهوت ميل لايستقبل البريد	alnoors.com	قسم تبادل خبرات الاستضافة	6	09-06-2007 04:32 PM
ماهو حل مشكلة وصول الرسائل للجنك ميل	شبكة الكويت	قسم تبادل خبرات الاستضافة	6	25-03-2007 12:35 AM
الان طريقة خارقة وجديدة لحل مشكلة الدب الروسي الكاسبر سكاي	الجياش	أخبار الإنترنت والتقنية ومناقشتها	4	01-05-2005 12:40 PM
سؤال للأخوة هل هناك طريقة لحل مشكلة الرموز ÇáãäÊ	raeed	إصلاح وصيانة المنتديات	4	27-11-2004 08:58 PM

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق