您现在的位置是：网站首页> 编程资料编程资料

Less里css表达式的写法示例介绍LESS 让css也支持变量，运算符，include,嵌套规则等等 less让css具有动态语言的特性LESS 让css也支持变量，运算符，include,嵌套规则CSS less优化学习CSS预处理器:Sass和less进行对比less开发指南浏览器端如何使用Less

2021-09-06 896人已围观

简介这篇文章主要介绍了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));";

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

上一篇：css中postion的fixed与absolute区别详解CSS position:absolute全面了解css中position属性使用详解css中定位中的absolute和relative是什么意思css中position属性(absolute|relative|static|fixed)概述及应用CSS position属性absolute relative等五个值的解释关于CSS absolute与relative不得不说的话

下一篇：CSS控制DIV永远固定在页面底部不随滚动而滚动纯div+css实现的固定在网站底部不随网站滚动的在线客服特效源码CSS样式设置div滚动条示例代码css将div层固定显示在页面底部不随滚动条滚动css实现div自动添加滚动条(图片或文字等超出时显示)div css 滚动条样式 DIV滚动条属性及样式设置方式css 给div添加滚动并隐藏滚动条

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢