开发者社区 问答 正文

如何自定义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 1955 分享 版权
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 展开评论
问答地址: