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

如何自定义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");
}


参考 http://lesscss.org/functions/#string-functions

.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");
};
【热门文章】
【热门文章】