האם פיירבאג עשוי לייצר CSS שגוי?
היי. בכל המקרים עד כה פיירבאג יצר לי סיאסאס מגניב בכל פעם שעדכנתי ידנית ערך למאפיין מסוים במחלקת סגנון (עריכה בתוך החלונית הימנית של מחלקת CSS מסוימת). למדתי מזה הרבה ותמיד העתקתי את התוצאה הסופית לקובץ CSS וזה עבד יופי.
לפתע פתאום, קרה לי משהו מוזר.
אם אני שם בתוך הפיירבואג את הקוד הבא:
.links-wrapper {
background-color:lightYellow;
border:2px solid #D9D9D9;
border-top:none;
}הוא הופך את זה לקוד הזה
.links-wrapper {
background-color:lightYellow;
border-color:-moz-use-text-color #D9D9D9 #D9D9D9;
border-right:2px solid #D9D9D9;
border-style:none solid solid;
border-width:medium 2px 2px;
}ואם אני לוקח את הקוד הזה ומדביק - כמו תמיד - בקובץ CSS אזי מתקבל בפועל בדפדפן גוגל כרום הקוד הבא...
.links-wrapper {
background-color: lightYellow;
border-style: none solid solid;
border-width: medium 2px 2px;
border-right: 2px solid #D9D9D9;
}כאשר יש אפשרות לפתוח collapse את שלושת הערכים התחתונים ואז מתקבל הקוד הבא
.links-wrapper {
background-color: lightYellow;
border-style: none solid solid;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: medium 2px 2px;
border-top-width: medium;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-right: 2px solid #D9D9D9;
border-right-color: #D9D9D9;
}זה למעשה מצייר בגוגל כרום את הגבול השמאלי והתחתון בצבע שחור... מצורפת תמונה.
כמובן, אם אני מזיןלקובץ CSS את הקוד הראשון, הכול בסדר, פשוט זה מעניין אותי מה קורה פה.
| קובץ מצורף | גודל |
|---|---|
| 11-20-2010 9-26-20 PM.png | 1.7 קילובייט |
תגים:
you should post this in
you should post this in firebug forum since it has nothing to do with drupal
http://www.drupal.org.il/content/בעיה-בטבלא-מאוד-גדולה#comment-15592
yakoub abaya