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

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

相关：

http://www.lesscss.net/article/document.html

https://www.npmjs.org/package/grunt-contrib-less

Less里css表达式的写法

时间： 2024-10-09 12:46:56

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

C++11 里lambda表达式的学习

最近看到很多关于C++11的文档,有些是我不怎么用到,所以就略过去了,但是lambda表达式还是比较常用的,其实最开始学习python的时候就觉得lambda这个比较高级,为什么C++这么弱.果然C++增加这个东西. 语法 [ capture ] ( params ) mutable exception attribute -> ret { body }      (1) [ capture ] ( params ) -> ret { body }                       

jquery返回顶部-ie6配合css表达式。

css: .wraper{ width:980px; height:2048px; margin:0 auto; background:#ccc; } /*返回头部*/ #backToTop a{ display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;} #backToTop .bt_bg{ backgroun

[css]邮件的写法

<style type="text/css">        /* Client-specific Styles */        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */        body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{wid

CSS浏览器兼容性写法小结

CSS浏览器兼容性写法小结 *        , ie6,ie7可以识别: _和- ,  ie6可以识别: !important  ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级: -webkit- ,针对safari,chrome浏览器的内核CSS写法 -moz-,针对firefox浏览器的内核CSS写法 -ms-,针对ie内核的CSS写法 -o-,针对Opera内核的CSS写法

CSS Sprites(基本写法，如何使用)

说白就是用样式表切一个大图片 现在很多好的网站都是这么写,然后很多位置的图片,就用一张图片,然后一次URL请求就行了,加快网站访问速度 这个就是切片工具可以直接导出下图框框中的内容 这个是切片工具 全部拆分切开 用CSS精灵的方式合并到一起就ok了 这里就是CSS精灵的写法 全用的一张图片 默认是 图片的位置是你div的左上角开始,我们用background-position,给他向左,向上移动一下 ,显示效果就变了,将会显示不同位置的图片,有些地方需要做平铺,所以我是横着切图的,最终文件就是那

常用css表达式-最小宽度-上下居中

/* IE6下最小宽度的CSS表达式 */ width:100%; min-width:1024px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":""); 模块垂直居中,兼容IE6,注意,模块的所有父辈标签不能有定位属性,不能有overflow:hidden; .duilian_right{width:90p

CSS hack的写法

css hack简单的说就是由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果.我们就可以根据这个来针对不同的浏览器来写不同的CSS. 比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不

HTML引入CSS样式三种方法及优先级 CSS样式的写法

HTML引入CSS样式三种方法及优先级: 方法 css的样式引用由3种方式.分别为行内样式.内部样式(嵌入式)和外部样式: 行内样式:                  在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<div style="内容"><div>: 内部样式(嵌入式):是由<style></style>标记对放在<head></head>中: 外部样式 :          

常用css字体英文写法

font-family: 'Microsoft Yahei',sans-serif; 宋体:SimSun 黑体:SimHei 常用css字体英文写法