הצגת PNG שקוף ב IE6

אחת הדילמות העקריות בInternet Explorer 6 היא הצגת תמונות שקופות בפורמט Png, בפוסט הבא נלמד כיצד מתגברים על הבעיה בצורה פשוטה ויעילה מאוד,
ישנם לא מעט פתרונות באינטרנט אבל הפתרון שנציג לפניכם הוא מהקצרים והקלים ביותר.
נכתב במקור ע”י: www.twinhelix.com

טוב, אז כפי שציינתי הפוסט הזה באמת הולך להיות קל וקצר…

1. יש להעתיק אל תיקיית האתר שלכם את שני הקבצים המצורפים ( iepngfix.htc /blank.gif ) בקובץ הבא:PngFixFiles

2. העתיקו את הקוד הבא אל קובץ הcss או בתוך הhtml:

img, div { behavior: url(iepngfix.htc) }

3. בהגדרת הcss שציינו בסעיף הקודם יש לדאוג להוסיף את התגיות/אלמנטים (בהפרדת פסיק) עליהם תרצו שיחול/ישפיע קובץ הhtc,
לדוגמא:

img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

4. במידה והעתקתם את הקבצים לתת תיקייה יש לעדכן את הנתיב המלא בקובץ הHtc עבור קובץ הblnk.gif
שימו לב! הנתיב המלא הוא ביחס לקובץ הhtml, ובמידה והנתיב לא יהיה מדוייק זה פשוט לא יעבוד ובאקספלורר 6 תראו צבע רקע לבן במקום רקע שקוף.
לדוגמא:

var blankImg = ‘/images/blank.gif’;

דמו I הורדה