Я новичок в Сассе и борюсь с этим. Я не могу получить цвет для рендеринга как в hex
(для IE), так и rgba
. Каждый маленький кусочек разочаровывает меня, потому что я еще не освоил синтаксис, а результаты Google для Sass все еще скудны.
Здесь mixin:
@mixin transparent($hex, $a){
/* for IEGR8 */
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$a}#{$hex},endColorstr=#{$a}#{$hex});
zoom: 1;
/* for modern browsers */
background-color: rgba(#{$hex},.#{$a});
}
Таким образом, @include transparent(#FFF,.4)
должен создать прозрачный прозрачный код, совместимый с браузером, ниже:
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF);
zoom: 1;
background-color: rgba(100,100,100,.40);
Я пару часов не занимаюсь:
-
#
требуется для формата #RGB. -
.
, требуемый для rgba alpha.
Оба должны быть включены для вызова rgba()
, однако # не может быть включен для IE #AARRGGBB
или он будет выглядеть как #AA#RRGGBB
и. не может быть включен для IE или отклоняется #.AARRGGBB
.
Я пропустил гораздо более простой способ сделать это? Можно ли это сделать с помощью строковой манипуляции Sass или любой слегка умной функции цветопередачи в Sass, которая уже обрабатывает это для меня?
Muchas gracias.