What is new in IE9 - color property (Transparent)

שימוש בשקיפות של צבע טקסט.

בהמשך לפוסטים היומיים אודות IE9 הפעם נראה שהמאפיין color קבל את האופצייה לערך Transparent.

עד היום המאפיין color יכל לקבל צבע אבל לא ידע לקבל שקיפות, בעזרת השמת הערך Transparent למאפיין color ניתן להשיג את האפקט הרצוי.

לדוגמא

<div class="c">
    הזז את העכבר על האלמנט כדי להעלים את הטקסט ולראות את המסגרת
</div>
 
.c
{
    color: Red;
    border: solid 2px white;
    background-color: Lime;
    width: 200px;
    height: 200px;
    direction: rtl;
    text-align: center;
    padding: 10px;
    border-color: Transparent;
}
.c:hover
{
    color: Transparent;
    border: solid 2px black;
}