问题背景:
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");
};