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