היי,
כאשר אני מריץ את בדיקת התקינות של CSS אני מקבל את השגיאה הבאה:

קוד:

469 * html #overlay attempt to find a semi-colon before the property name. add it

469 * html #overlay Property progid doesn't exist : DXImageTransform 
469 * html #overlay Parse Error DXImageTransform.Microsoft.AlphaImageLoader(src='o  verlay.png', sizingMethod='scale'); 
470 * html #overlay Parse error - Unrecognized } 

הקוד הזה הוא חלק מ Lightbox שאני משתמש בו באתר.
התפקיד של הקוד הזה הוא לדאוג בעצם שתהיה שקיפות לקובץ overlay.png גם ב IE6.

קטע הCSS הרלוונטי:

קוד:

 * html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url('blank.gif');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='overlay.png', sizingMethod='scale');
} 

יש למישהו רעיון איך לתקן את הקוד ככה שהוא יעבור את CSS Validation?
תודה.

בברכה,

Uninstall

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.stopie6.org/img/badges/120_60black.gif]

ותשתמש בקוד אמיתי לקביעת Opacity בכל\רוב הדפדפנים:

http://www.quirksmode.org/js/opacity.html

החלפתי את הגדרות העיצוב במה שמופיע בלינק.
עכשיו אני מקבל את השגיאה הזו:

קוד:

467 #overlay Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.5 

468 #overlay Parse Error opacity=50) 

אני יכול להשתמש ב JS שמופיע כדי שהקוד הזה לא יופיע בקובץ CSS שלי, אבל זה נראה לי קצת רמאות, הרי בסה"כ הקוד לא תקני, לא משנה באיזה שיטה אני דוחף אותו לעמוד.

הקוד כרגע הוא:

קוד:

 #overlay{

width: 100%;
background-image: url(overlay.png);
opacity: .5;
filter: alpha(opacity=50); 
} 

בברכה,

Uninstall

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.stopie6.org/img/badges/120_60black.gif]

הממ..
נדמה שתכונת השקיפות (Opacity) מוגדרת רק בתקן CSS 3, ולכן בתקן שלך - CSS 2.1 - ה-parser של W3C מוציא לך Error...

ראה כאן על תכונת השקיפות ב-CSS 3:
http://www.w3.org/TR/css3-color/#transparency

אם השגיאה כל כך מפריעה, אתה יכול להשתמש ב-JS כפי שהצעתי לראשונה.
אם השגיאה לא מפריעה, אתה יכול להשאיר את הגדרות ה-CSS שלך כפי שהן עכשיו, ולהתנחם בעובדה ש-CSS 2.1 אפילו לא מכיר ב-Opacity אבל הדפדפנים כן מכירים.
[
שמתי לב שבסוף הלכת לפי המידע שבעמוד http://www.quirksmode.org/css/opacity.html
שים לב להערה:

ציטוט:

You must specify either a width or a height for any element you want to be opaque, (except for form fields, because they have a default width set).

]

הוספתי בסקריפט בדיקה אם זה IE6, ואז שילבתי את ה JS בקישור שנתת.
זה עובד טוב,

תודה רבה.

בברכה,

Uninstall

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.stopie6.org/img/badges/120_60black.gif]