01-01-2011, 22:31
|
מנהל
|
|
חבר מתאריך: 26.07.08
הודעות: 6,473
|
|
phantom image border בתמונות jpg ב-firefox
כשהעלתי תמונות לאתר וניסיתי לסדר את התוכן, שמתי לב שלאחת התמונות יש גבול (border) מסוים באחד הצדדים שאינו אמור להתקיים בה.
בדקתי בקבצי ה-CSS, JS, אפילו ביטלתי את התמיכה ב-JS ומחקתי את כל קוד ה-CSS, אך עדיין הגבול היה קיים בתנאים מסוימים:- אם גורמים להזזה של התמונה, הגבול מופיע\נעלם
- אם מגדילים או מקטינים את התמונה, הגבול מופיע\נעלם
שמתי לב שהגבול היה קיים כאשר ניקבע גודל בינוני לתמונה (יחסית לגודל המקורי שלה).
וכרגע מצאתי שאם קובעים את הגודל המתאים לתמונה, אז הגבול נעלם.
כלומר אם התמונה ברוחב 200px ו-100px,
ובקוד ה-css אנחנו קובעים את רוחבה כ- 100px,
אז יש יחס של 0.5 בגודל.
אם במצב כזה מופיע גבול, ניתן להעלים אותו ע"י קביעת גובה לפי היחס הנ"ל, בגודל 50px.
ניתן לראות את "התופעה"\באג במסמך הזה.
לשם השוואה שמתי גם תמונת gif שניתן לראות שזה לא קורה איתה.
גירסת ה-firefox שלי: 3.6.13 במע"ה Ubuntu
|