CSS3教程

当前位置: HTML5技术网 > CSS3教程 > Less里css表达式的写法

Less里css表达式的写法

项目中用的grunt-contrib-less, 写了以下less代码


  1. .mapfix{

  2.     position: fixed;

  3.     top:10px;

  4.     width: 430px;

  5.     z-index: 100;

  6.     background: #fff;

  7.     -position:absolute;

  8.     top:expression(eval(document.documentElement.scrollTop));

  9. }
复制代码

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

执行less命令后,报错





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


  1. -top: ~"expression(eval(document.documentElement.scrollTop+10));";
复制代码

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


【Less里css表达式的写法】相关文章

1. Less里css表达式的写法

2. 10条影响CSS渲染速度的写法与建议

3. CSS里的各种水平垂直居中基础写法心得

4. 解析中文字体在CSS中的表达方式

5. div+css表单布局的五个小技巧

6. LESS-Middleware:Node.js 和 LESS 的完美搭配

7. 六种常见的HTML5写法误用

8. HTML5教程:HTML5的基础写法

9. Flexslider - 响应式的 jQuery 内容滚动插件

10. Wrangle:响应式的,触摸友好的多选插件

本文来源:https://www.51html5.com/a1065.html

点击展开全部

﹝Less里css表达式的写法﹞相关内容

「Less里css表达式的写法」相关专题

其它栏目

也许您还喜欢