Less裡css運算式的寫法

標籤：class   blog   java   http   tar   com   

項目中用的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