2015-01-26 4 views
0

Я пытаюсь преобразовать некоторые css в меньшие, но при компиляции я получил некоторые ошибки? Вот что я имею в CSS, как преобразовать это менееПреобразование css в less

#preloader { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #2AABE2; 
    background: rgba(42, 171, 226, 0.5); 
    display: none; 
    -khtml-opacity: 0.80; 
    opacity: 0.80; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
    filter:alpha(opacity=60); 
    z-index: 20000; 
    text-align: center; 
} 
.preloader-text { 
    color: white; 
    font-size:16px !important; 
    margin: auto auto 10px; 
} 
.preloader-holder { 
    background-position: center center; 
    background-repeat: no-repeat; 
    height: 200px; 
    left: 50%; 
    margin: -100px 0 0 -200px; 
    position: absolute; 
    top: 50%; 
    width: 400px; 
} 
+0

Вы должны быть в состоянии оставить его таким, каким он есть. CSS действительно LESS – Danield

+0

Конечно, но это исправление IE8, и у меня есть пакет, то есть проблема –

+0

Проблема у меня есть с -ms-фильтром: «progid: DXImageTransform.Microsoft.Alpha» (Opacity = 60); filter: progid: DXImageTransform.Microsoft.Alpha (opacity = 60); фильтр: альфа (непрозрачность = 60); –

ответ

2

Просто используйте escape character~:

#preloader { 
    .... 
    -ms-filter:~'progid:DXImageTransform.Microsoft.Alpha"(Opacity=60)'; 
    filter: ~'progid:DXImageTransform.Microsoft.Alpha(opacity=60)'; 
    .... 
} 

забудьте использовать одинарные кавычки, чтобы содержать всю строку, так как значение уже containd двойные из них ,

0

Try префиксы строку с ~

-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; 

или

-ms-filter: e("progid:DXImageTransform.Microsoft.Alpha(opacity=60)"); 

Заканчивать string functions on less docs