开发者

IE does not recognising .less file

开发者 https://www.devze.com 2023-04-09 21:52 出处:网络
I create a less file which is working fine in chrome and firefox, but not even recognising in IE 9. Can anyone please su开发者_运维问答ggest what needed to run it in IE 9.0. below is the css sample..

I create a less file which is working fine in chrome and firefox, but not even recognising in IE 9. Can anyone please su开发者_运维问答ggest what needed to run it in IE 9.0. below is the css sample..

@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);
    }

} 


Check the LESS site, it says that it doesn't support IE. None of its versions.


Make sure you're including the less.js script. It's needed to parse less files. http://lesscss.org/

If this is a .NET project, and you don't want to use less.js (which can add overhead on the client-side for larger .less files), you could add the DotLess library to your project. http://www.dotlesscss.org/


I've run into the same issue. I simply compile it into a .css file and reference that for live testing, including IE.

0

精彩评论

暂无评论...
验证码 换一张
取 消