开发者社区> 问答> 正文

如何自定义less 的一些编译规则

问题背景:
png图片兼容处理 团队给的方案是 ie6 使用低质量的 png8 高版本的用png24 这样项目目录中就会有xxx.png xxx_png8.png。

期待效果:

目前团队中在用less 能否有这样的解决方案

fixPng(@url);
.node1{

fixPng(a.png);

}
编译结果为

.node1{
background: url("a.png");
}
.ie6 .node1{
background: url("a_png8.png");
}

展开
收起
a123456678 2016-03-25 16:46:38 1826 0
1 条回答
写回答
取消 提交回答
  • .png-bg(@a) {
      background-image: e(%('url("%s.png")', @a));
      .ie6 & {
        background-image: e(%('url("%s_png8.png")', @a));
      }
    }
    
    .node {
      .png-bg("img/aaa/bbb");
    };
    2019-07-17 19:14:42
    赞同 1 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载