2011-10-03 124 views
1

我创建了一个在chrome和firefox中工作正常,但在IE 9中甚至没有识别的文件。任何人都可以请建议在IE 9.0中运行它需要什么。以下是css示例..IE无法识别.less文件

@import "../core/variables.less"; @import "Mixins.less"; 

.classname { 

    @fontweight:bold; 
    @width:99.9%; 
    @height:67px; 
    @color:#D3E2F2; 
    @icon-width:10px; 
    @icon-height:10px; 

    .div-carddropdownbox{ 
      width:90%; 
     } 
    .span(@fontweight) 
    { 
     font-weight:@fontweight; 
    } 
    .span-underline(){ 
      .span(bold); 
      text-decoration:underline; 
     } 
    .span-bold{ 
      .span(bold); 
      text-decoration:none; 
      font-size: 15px; 
     } 

    .div(@width,@height) 
    { 
     float:left; 
     width:@width; 
     height:@height; 
     padding-top: 10px; 
     padding-bottom: 10px; 
    } 
    .div-tracethistransaction 
    { 
     .div(100%,100%); 
     border:1px solid black; 
    } 
    .div-servicerequestcharge{ 
      .div(99.9%,67px);  
      background-color:@color; 
      border:1px solid black; 
    } 
    .div-account 
    { 
      .div(99.9%,35px);  
      background-color:@color; 

    } 
    .div-white-blank 
    { 
     .div(99.9%,2px); 
    } 
    .div-button 
    { 
     padding-top:110px; 
    } 
    .div-carddelivered 
    { 
     .div(100%,45px); 

    } 

    .icon(@icon-width,@icon-height) 
    { 
      width:@icon-width; 
      height:@icon-height; 
    } 
    .div-icon 
    { 
     .icon(20px,20px); 
     padding-left: 580px; 
    } 

    .round-button-cancel { 
     .rounded-button (7px, #ECECEC, #A9A9A9,none, bold, #52504C, 
90px, 35px); 
    } 

    .round-button-submit { 
     .rounded-button (7px, #FAF5E9, #EFAE2C,none, bold, #8B4513, 
Auto, 35px); 
    } 

} 
+0

你确实包含less.js,对不对? – BoltClock

+0

我是新手,在我的解决方案中找不到less.js文件。 – Harendra

+0

你能告诉我这个less.js文件做什么?在哪里下载这个文件? – Harendra

回答

0

我遇到了同样的问题。我简单地将它编译成一个.css文件并参考用于实时测试,包括IE。

1

确保包含less.js脚本。需要解析较少的文件。 http://lesscss.org/

如果这是一个.NET项目,你不希望使用less.js(这可以在客户端增加开销较大.LESS文件),你可以带点库添加到您的项目。 http://www.dotlesscss.org/

3

检查LESS site,它表示它不支持IE。没有它的版本。