elm-css：如何给`opacity`赋值

Question

我在玩elm-css。大多数事情都按我预期的那样工作。但是我不能给该Css.opacity函数一个正确的值。

这是我尝试过的：

Css.opacity 0.5

给出错误：

Function `opacity` is expecting the argument to be:

    Css.Number compatible

But it is:

    Float

的Css.Number是在以下形式的类型别名：

type alias Number compatible =
     { compatible | value : String, number : Compatible }

但是我不明白如何为该Css.opacity函数创建有效值...

Answer 1

您可以opacity使用“无单位”功能之一（例如Css.int或）来创建输入Css.num。例如：

-- 42% opaque
translucent = Css.opacity (Css.num 0.42)

它是“无单位的”，因为opacity的CSS属性未定义诸如px或percent 的单位。