less 里面 opacity的写法

最新推荐文章于 2024-05-30 10:43:42 发布

转载最新推荐文章于 2024-05-30 10:43:42 发布 · 205 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/djx0126/p/3915091.html

本文探讨了在使用Less进行样式开发时遇到opacity编译问题，并提供了有效的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天写了个opacity，竟然less编译不过，上网搜了一个写法

.opacity (@opacity) {
    @opacityPercentage: @opacity * 100;
    opacity: @opacity;
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
    filter: ~"alpha(opacity = (@{opacityPercentage}))";
}

in dotless 1.2.3

.opacity (@opacity) {
    @opacityPercentage: @opacity * 100;
    opacity: @opacity;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@opacityPercentage)); 
    filter: alpha(opacity = (@opacityPercentage));
}