IE8及以下需用filter: alpha(opacity=)替代opacity，.opacity() Mixin须转小数为整数并加\9后缀，避免transparentize()混淆，CSS变量场景下Less无法处理需降级或JS动态设置。
IE8及以下必须用filter: alpha(opacity=)替代opacity
Less编译后生成的是标准CSS，而IE8及更早版本不支持opacity属性，直接写opacity: 0.7在IE8里完全无效。必须同时输出filter: alpha(opacity=70)（注意：这里的数值是0–100的整数，不是小数）。filter写法只对IE有效，现代浏览器会忽略它，所以可以安全共存。
封装.opacity() Mixin时别漏掉单位转换和IE Hack容错
常见错误是直接把小数传给alpha(opacity=)，比如alpha(opacity=0.7)——这会导致IE解析失败。必须用percentage()转成整数。另外，某些IE版本（如IE8）对filter的解析不稳定，建议加\9后缀强制仅IE识别：
.opacity(@alpha) { opacity: @alpha; filter: ~"alpha(opacity=@{alpha*100})\9"; }- 调用
.opacity(0.4)→ 编译为opacity: 0.4; filter: alpha(opacity=40)\9; - 避免用
~'alpha(opacity=@{alpha*100})\0'这类写法，\0在IE9+也会触发，反而污染现代样式
慎用transparentize()混入opacity逻辑
transparentize()和opacity语义完全不同：transparentize(#000, 0.3)是“让黑色再透30%”，结果是rgba(0,0,0,0.7)，不是rgba(0,0,0,0.3)。想实现“30%不透明”，得写transparentize(#000, 0.7)，极易出错。Opacity Mixin里一律用fade()或纯数值计算，别引入颜色函数干扰逻辑。
CSS变量场景下.opacity()无法生效，需提前降级
如果项目主色来自var(--primary)，Less的.opacity() Mixin在编译期无法读取运行时变量值，filter和opacity都会失效。此时不能靠Less解决，得换方案：
- 服务端渲染时注入具体色值，让Less能编译
- 前端用JS动态设置
style.opacity和style.filter - 放弃IE兼容，用
@supports (opacity: 0.5)做特性检测分流
真正难的不是写对filter语法，而是意识到Less编译期能力边界——它处理不了运行时CSS变量，这点容易被忽略。
