这篇文章主要介绍了在Less中写IE的css hack的方法介绍的相关资料,详细的介绍了几种解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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: [email protected];
}

编译之后:

.box {
  width: 100px /9;
}

~ 符号的作用是避免编译,记住后面要加引号

第三种方式:

less写法:

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

编译之后:

.box {
  +display: inline;
}

注意记得加上 { } 括号

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持爱安网。

最新资讯
中关村发布超300亿创新母基金 培育隐形冠军与独角兽

中关村发布超300亿创

母基金总规模超300亿元,通过放大社会资本,形成3000亿基
世界500强企业亮成果 中关村论坛展览国际范儿十足

世界500强企业亮成果

世界首款包裹表面的有机液晶显示器、实时3D面部表情捕
瑞幸咖啡将于11月13日发布2019年第三季度财报

瑞幸咖啡将于11月13日

瑞幸咖啡(Nasdaq:LK)今日宣布,将于美国东部时间2019年11月
微信群上线接龙功能 比QQ群有意思多了

微信群上线接龙功能

每次在群里面做统计相关工作的时候会显得特别麻烦,很多
首届世界5G大会将于11月20日-23日在京召开

首届世界5G大会将于11

首届世界5G大会将于11月20日-23日在北京亦庄举行。届
农村网民达2.25亿人 上半年农村网络零售额7771.3亿

农村网民达2.25亿人

中国国际电子商务中心研究院在会上发布了《中国农村电
最新文章
针对class、id所做的CSS HACK

针对class、id所做的C

这是一篇关于CSS HACK的文章,这篇文章中提到的CSS HACK
WEB标准教程:P标签的应用

WEB标准教程:P标签的

从今天开始,我将全面的共享出我所能理解的所有WEB标准
Web前端开发的Firefox插件

Web前端开发的Firefox

一、Web DeveloperWeb Developer 可说是网页设计师最
详解CSS粘性定位 sticky

详解CSS粘性定位 stic

这篇文章主要介绍了CSS粘性定位 sticky 的相关知识,本
详解css透明度之rgba和opacity的区别及兼容

详解css透明度之rgba

对于设置透明度,我们有两个可以选的css3属性:rgba 和 op
轻松搞懂CSS浮动与清除浮动图文详解

轻松搞懂CSS浮动与清

本文通过图文并茂的形式给大家介绍了CSS浮动与清除浮