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

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

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

这是 “无单位”，因为不透明does not define a unit like px or percent的CSS属性。