Less里css表达式的写法示例介绍
发布时间：2014-06-18 17:10:17 作者：佚名 
我要评论
我要评论这篇文章主要介绍了Less里css表达式的写法，需要的朋友可以参考下。修复IE6的fixed，IE7+已经支持了
项目中用的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));";
前面加个波浪号，后面用双引号括起来。这时编译通过。
复制代码
代码如下:.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也支持变量，运算符，include,嵌套规则等等
最近在网上看到1个很有意思的CSS扩展，这里介绍给大家。LESS 最早是1个ruby的gem，用于扩展css的语法，用了LESS后，可以在css中使用变量，运算符，include,嵌套规则等等。2010-07-04- Less 是一种样式语言，它将 css 赋予了动态语言的特性，如变量、 继承、 运算、 函数。less 既可以在客户端上运行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或2012-11-20
LESS 让css也支持变量，运算符，include,嵌套规则
最近在网上看到1个很有意思的CSS扩展，这里介绍给大家。LESS 最早是1个ruby的gem，用于扩展css的语法，用了LESS后，可以在css中使用变量，运算符，include,嵌套规则等等。2010-07-04- less用变量 （variables）,引用（mixins）,表达式(operations),嵌套规则（nested rules）来扩展css开发.2009-08-14
- Css可以让你做很多事情，但它毕竟是给浏览器认的东西，对开发者来说，Css缺乏很多特性2012-07-11
- LESS（是.less后缀名的文件） 包含一套自定义的语法及一个解析器，我们根据这些语法定义自己的样式规则,为 CSS 加入程序式语言的特性，如变量、继承、运算、嵌套等，更方便2014-04-22
- 这篇文章主要介绍了浏览器端如何使用Less,需要的朋友可以参考下2014-12-10
最新评论