What is new in IE9 - background-color (rgba)
כיצד להגדיר צבעים עם שקיפות ב - IE9
חשוב להבהיר שכל השינויים שאני מדבר עליהם שקשורים ל - CSS הם תקניים לחלוטין ואמורים להיתמך בכל הדפדפנים החדשים.
עד היום יכולנו להגדיר צבע בעזרת
background-color: rgb(255,0,0);
היום אפשר גם להגדיר שקיפות לצבע בעזרת
background-color: rgba(255,0,0,0.5);
כשמידת השקיפות היא בין 0.0 לבין 1.0
חושב להבין שמדובר אכן בשקיפות אמיתית ולא בשינוי צבע, לדוגמא הקוד הבא.
<div style="position: absolute; top: 43px; left: 634px;">
shlomo goldberg
<br />
<br />
shlomo goldberg<br />
<br />
<br />
shlomo goldberg
<br />
shlomo goldberg
<br />
shlomo goldberg
<br />
shlomo goldberg
<br />
shlomo goldberg
<br />
</div>
<br />
<p>
aaaaaaaaaaaaaaaaaaaaaaa
</p>
אמור לגרום שה - div יהיה על ה - p.
במידה ונכתוב את ה - style הבא
div
{
background-color: #ff7f7f;
background-color: rgba(255,0,0,0.5);
}
הצבע שמוגדר בשורה הראשונה הינו אותו צבע שיוצא כתוצאה מהשקיפות של ה - rgba. (בשביל דפדפנים ישנים).
התוצאה ב - IE8 תהיה
ואילו בדפדפנים חדשים
ואכן אפשר לראות שהצבע קיבל שקיפות ואפשר לראות את מה שכתוב מאחורי ה - div