用户名:  密码: 注册帐号 忘记密码?
当前位置: 主页 > HTML5 > CSS3教程 > 几个html5 css3的全屏幻灯片特效

Less里css表达式的写法

更新时间:2014-07-12 21:27编辑:浏览次数:发表评论
本文标签:
项目中用的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));";
复制代码


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



文章人气
浏览: 收藏:7567次 推荐:4354次


搜索更多的有关“Less里css表达式的写法”的信息

[百度] [谷哥] [360搜索] [搜狗搜索] [雅虎搜索]

上一篇|下一篇