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));";

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

到此这篇关于Less里css表达式的写法示例介绍就介绍到这了。人生最大的敌人是自已怯懦。更多相关Less里css表达式的写法示例介绍内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题