css - 减少在不透明度规则集中使用数学

标签 css less

我正在尝试对不透明度进行乘法运算。我也试过:calc(@opacity * 100)

@opacity-ruleset {
filter:alpha(opacity= (@opacity * 100));
-moz-opacity:@opacity;
opacity: @opacity;
-webkit-opacity: @opacity;
}

如何进行计算?

最佳答案

大多数 IE 特殊 hack 不符合标准 CSS 语法(因此 Less 无法正确解析它们),所以通常你需要 escaping ,例如:

@opacity: .2;

foo {
    @ms-opacity: @opacity * 100;
    filter: ~'alpha(opacity=@{ms-opacity})';
    opacity: @opacity;
}

关于css - 减少在不透明度规则集中使用数学,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32959025/

相关文章:

html - 使用 Less 动态增加 z-index

html - 使用 BootstrapCDN 更改配色方案

jquery - 柔性过渡。平滑地填充空间

html - CSS 功能区无法正确缩放

html - 与其容器和窗口相关的 div 位置

css-selectors - 在 LESS 中使用父选择器指定属性值?

较少编译器 : Unexpected token u

javascript - ExpressJS - 我的 Jade 布局中的编译错误较少

html - 使用 css 到达树结构内部的 html div

html - 如何在容器 div 而不是子文本上设置不透明度?