Less里css表达式的写法
项目中用的grunt-contrib-less, 写了以下less代码
注意底部两行是为了兼容IE6,即修复IE6的fixed。IE7+已经支持了。
执行less命令后,报错
开始以为是less不支持IE css hack,后发现是IE css 表达式的问题,仕龙同学告知解决方法
前面加个波浪号,后面用双引号括起来。这时编译通过。
- .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));";
前面加个波浪号,后面用双引号括起来。这时编译通过。
【Less里css表达式的写法】相关文章
6. LESS-Middleware:Node.js 和 LESS 的完美搭配
9. Flexslider - 响应式的 jQuery 内容滚动插件
本文来源:https://www.51html5.com/a1065.html
﹝Less里css表达式的写法﹞相关内容
- CSS3灵活的盒子模型(Flexible Box Module)–1
- CSS3灵活的盒子模型(Flexible Box Module)–2
- CSS3灵活的盒子模型(Flexible Box Module)–1
- CSS3灵活的盒子模型(Flexible Box Module)–2
- HTML5 postMessage 和 onmessage API 详细应用
- Less.js 2.4.0 发布,CSS 预处理器
- 经验分享:使用 Restyle.js 简化 CSS 预处理
- 响应式web设计(Responsive web design)三步曲
- CoffeeScript 已死,CoffeeScript 万岁!
- Saber——模块化、组合式的移动前端框架