mieszanka nieprzezroczystości krzyżówki dla .less
Próbuję użyć Javascript w LESS do skompilowania w phpstorm ..
Próbuję utworzyć funkcję opartą na implementacji krycia w różnych przeglądarkach w tej witrynie:połączyć
W szczególności próbuję utworzyć funkcję LESS, aby odtworzyć ten fragment kodu:
.crossbrowseropacity {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
To właśnie mam w LESS, aby to osiągnąć:
.crossbrowser(@color,@alpha){
@myred:red(@color);
@mygreen:green(@color);
@myblue:blue(@color);
@ievalue:Math.floor(@alpha * 255).toString(16);
background-color: @color;
background-color: rgba(@myred,@mygreen,@myblue,@alpha);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#@ievalue+@myred+@mygreen+@myblue, endColorstr=#@ievalue+@myred+@mygreen+@myblue);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#@ievalue+@myred+@mygreen+@myblue, endColorstr=#@ievalue+@myred+@mygreen+@myblue)";
}
Nie skompiluje się poprawnie ... czy ktoś może mi w tym pomóc?