Less 中直接在属性后面加 hack 写法会编译报错的. 那么怎么解决呢?
第一种方式:
IE7 以 display:inline-block 为例:
less 的 hack 写法:
- .box{
- display: inline-block;
- *display:inline;
- *zoom: 1;
- }
编译出来的结果也是
- .box{
- display: inline-block;
- *display:inline;
- *zoom: 1;
- }
注意: 这里只能用 * 号, 用 + 号写 hack 会报错, 因为 + 号在 less 中不支持编码. 在 String Functions 里面说清楚的:
如果一定要用到加号或其他直接写却不支持的 hack 字符的话, 可以参考第三种方式
第二种方式:
less 的写法:
- @hack:~"/9"; //IE7,8 的 hack 写法
- .box{
- width: 100px@hack;
- }
编译之后:
- .box {
- width: 100px /9;
- }
~ 符号的作用是避免编译, 记住后面要加引号
第三种方式:
less 写法:
- @hack:~"+";
- .box{
- @{hack}display: inline;
- }
编译之后:
- .box {
- +display: inline;
- }
注意记得加上 { } 括号
来源: https://www.cnblogs.com/zjjDaily/p/9088656.html