السلام عليكم و رحمة الله
الحمد لله و الصلاة و السلام على رسوله الكريم محمد و على اله و صحبه ومن والاه
اما بعد
فقد واجهتني مشكلة كبيرة عندما استلمت تصميم احد المواقع التي اعمل عليها من المصمم وكان قد اكثر من استخدام الصور من نوع 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