Less里css表达式的写法

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

Less里CSS表达式的写法 项目中用的grunt-contrib-less, 写了以下less代码

.mapfix{position: fixed;top:10px;width: 430px;z-index: 100;background: #fff; -position:absolute; -top:exPRession(eval(document.documentElement.scrollTop));}

注意底部两行是为了兼容IE6,即修复IE6的fixed。IE7+已经支持了。

执行less命令后,报错

开始以为是less不支持IE css hack,后发现是IE css 表达式的问题,仕龙同学告知解决方法

-top: ~"expression(eval(document.documentElement.scrollTop+10));";

前面加个波浪号,后面用双引号括起来。这时编译通过。

相关:

http://www.lesscss.net/article/document.html

https://www.npmjs.org/package/grunt-contrib-less

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航