在 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: 100px@hack;
}

编译之后：

.box {width: 100px \9;
}

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

第三种方式：

less写法：

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

编译之后：

.box {+display: inline;
}

注意记得加上{ }括号

转载于:https://www.cnblogs.com/zjjDaily/p/9088656.html

在 Less 中写 IE 的css hack相关推荐

20110126 学习记录：一些关于html中布局的代码 CSS hack速查表
让你的浏览器body滚动条在左边 direction: rtl; HTML段落两端对齐代码 text-align:justify; text-justify:inter-ideograph; 图片垂 ...
html css hack
下面是我收集有关于各浏览器下Hack的写法 1.Firefox @-moz-document url-prefix() {.selector {property: value;}} 上面是仅仅被Fir ...
html中写css代码,开发DIV CSS时先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
怎么在html文件中写css文件,html头文件中css怎么写？
html头文件中写css的方法:1.将css的样式代码写在html文档头文件<head></head>中的<style></style>标签中:2.在网 ...
HTML中写CSS代码的两种方法
在HTML中写CSS代码也两种方法. 写在HTML标签里使用CSS前 <h1>这是一个标题 </h1> 使用CSS后 <h1 style="color:red ...
[转]CSS hack大全详解
转自:CSS hack大全&详解 1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的, ...
针对IE6\7\8\9\10浏览器的CSS hack大全详解
目前IE内核浏览器仍然是国内主流浏览器,占据着PC浏览器的大部分市场份额,版本从IE6到IE10,所有前段工作者都必须面对和解决多个IE浏览器对代码的兼容性问题.在很多情况下,我们需要专门针对IE写c ...
对ie6、ie7、ff兼容性的详细css hack介绍
这个毛病把我憋了好久了,最近到底找到了解决滴方式,通过偶测试系完整ok滴,和大伙儿共享. 以下为引佣: 如今偶大多数全是用!important来hack,关于ie6和firefox测试可以正常卖弄,可 ...
【总结】IE6，IE7，IE8，Firefox兼容的css hack 补充!
IE6,IE7,IE8,Firefox兼容的css hack 补充: .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-co ...
转载：CSS hack技巧大全
原文地址:http://www.duitang.com/static/csshack.html part2 -- CSS hack技巧大全 --作者:吴雷君兼容范围: IE:6.0+,FireFox ...

在 Less 中写 IE 的css hack

在 Less 中写 IE 的css hack相关推荐

最新文章

热门文章