Crossbrowser Deckkraft Mixin für .less

Ich versuche, Javascript in WENIGER zu verwenden, um in phpstorm kompiliert zu werden.

Ich versuche eine Funktion zu erstellen, die auf einer browserübergreifenden Implementierung von Opazität basiert, die auf dieser Site gefunden wurde:Verknüpfung

Insbesondere versuche ich, eine WENIGER-Funktion zu erstellen, um diesen Code neu zu erstellen:

.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)";
}

Dies ist, was ich in WENIGER haben, um es zu erreichen:

.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)";
}

Es wird nicht richtig kompiliert ... könnte mir jemand dabei helfen?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage