Примесь CSS Less -ms-filter

У меня есть следующий миксин CSS LESS:

.transparency (@amount, @tranc) {
    background: rgba(red(@amount), green(@amount), blue(@amount), @tranc);
}

и как я его использую:

.transparency (#FFFFFF, 0.2);

но мне нужно найти какой-то способ включить -ms-filter в миксин... но я не уверен, я использовал онлайн-генератор, и это дало мне такой результат:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B224417C,endColorstr=#B224417C)"; /* IE8 */

как бы я включил это? Я имею в виду startColorstr и endColorstr...

Любая помощь с благодарностью


less mixins
person Community    schedule 26.06.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Обновлена ​​функция следующим образом:

.transparency (@colour, @alpha) {
    @alphaColour: hsla(hue(@colour), saturation(@colour), lightness(@colour), @alpha);
    @ieAlphaColour: argb(@alphaColour);

    background-color: @colour; // Fallback for older browsers
    background-color: @alphaColour; 

    // IE hacks
    zoom: 1; // hasLayout
    background-color: transparent\9;
    -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColour}, endColorstr=@{ieAlphaColour})"; // IE 8+
        filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColour}, endColorstr=@{ieAlphaColour})"; // IE 6 & 7
}
person Community    schedule 26.06.2013