2013-03-21 59 views
1

網站我的工作需要支持IE7和display: inline-block這裏是行不通的。LESS(客戶端)不會編譯某些CSS屬性

大約從搜索我看到*display: inline;*zoom: 1;可以解決這個問題。問題是,這不會顯示在我編譯的CSS與LESS。

即使zoom: 1;不編譯(沒有星號)。爲了確保我添加了一些其他有效的屬性到相同的CSS類,並且工作。

總結:我不能讓zoom和IE7 CSS屬性選擇器(*),在我的瀏覽器LESS工作。任何解決這個問題?

<script>less = {env: 'development'};<script> 
+1

我不知道你使用的編譯器。你可以查看http://stackoverflow.com/questions/11285295/error-when-compiling-twitterbootstrap-buttons-less-on-winless/11285444#11285444尋找可能的解決方案。在http://less2css.org/編譯器中,我沒有任何問題,所以它似乎是編譯器特定的問題。 – ScottS 2013-03-21 16:25:40

回答

0

用更少的1.5

// IE7 inline-block 
// ---------------- 
.ie7-inline-block() { 
    *display: inline; /* IE7 inline-block hack */ 
    *zoom: 1; 
} 

p{ 
.ie7-inline-block(); 
} 

編譯到:

p { 
    *display: inline; 
    /* IE7 inline-block hack */ 
    *zoom: 1; 
}