Гибкие цвета RGBA в CSS

Question

Я пытаюсь стилизовать компонент DataGrid, чтобы фон был прозрачным (Flex 4). Цвета Rgba работают нормально, если я делаю «alternatingItemColors» атрибутом компонента, но если я пытаюсь объявить его в моей таблице стилей CSS, я не могу объявить альфа-значение.

Работы (mxml):

<mx:DataGrid id="songGrid" width="800" height="529" dataProvider="{songs}" itemClick="handleRowClick(event);" x="145" y="168" headerStyleName="dataGridHeader" alternatingItemColors="[0xFFFFFFFF, 0xFFFFFFFF]">

Не работает (css) :

mx|DataGrid {
    alternatingItemColors: #FFFFFFFF, #FFFFFFFF;
}

Если я ввожу значения как "0xFFFFFFFF", я получаю ошибку разбора, потому что это не правильный css (конечно, большинство css из flex не является правильным css, но я отступаю ...) Итак, есть ли способ объявить альфа-значение этих цветов в CSS?

Answer 1

Вы можете попробовать расширить DataGrid и сделать следующее переопределение:

override protected function drawRowBackground(s:Sprite, rowIndex:int,
                            y:Number, height:Number, color:uint, dataIndex:int):void {
    var background:Shape = Shape(s.getChildAt(rowIndex));
    background.alpha = 0.5; // or whatever alpha value you wish
    super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}

Answer 2

CSS3 прозрачность описана в http://www.w3.org/TR/css3-color/#transparency. Из примеров, где альфа - это число от 0 (полностью прозрачный) до 1 (полностью непрозрачный):

em { color: rgba(100%,0%,0%,1) } /* the same, with explicit opacity of 1 */