在Less中写IE的css hack的方式详细介绍

2020-10-29 21:28 jianzhan

Less中立即在特性后边加hack写法会编译程序出错的。那末如何处理呢?

第1种方法:

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 里边说清晰的:

假如1定要用到加号或别的立即写却不适用的hack标识符的话,能够参照 第3种 方法

第2种方法:

less的写法:

@hack:~"/9";   //IE7,8的hack写法
.box{
    width: 100px@hack;
}

编译程序以后:

.box {
  width: 100px /9;
}

~ 标记的功效是防止编译程序,记牢后边要加引号

第3种方法:

less写法:

@hack:~"+"; 
.box{
    @{hack}display: inline;
}

编译程序以后:

.box {
  +display: inline;
}

留意记得再加 { } 括号

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。