2013-04-01 3 views
-3

Моя страница код:Как применять IE багов для LESS CSS

<!doctype html> 
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]--> 
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]--> 
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]--> 
<!--[if IE 9 ]><html class="no-js ie9" lang="en"><![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--><head> 
<meta charset="utf-8"> 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

<link rel="shortcut icon" href="favicon.ico"> 

<title>BLUE MONDAY-HOMEPAGE</title> 

<!--Default style sheet--> 
<link rel="stylesheet/less" href="css/blue.less" media="screen" type="text/css"  title="defaultBlue"> 
<script src="js/less-1.0.21.min.js"></script> 

Теперь практический вопрос:

/*IE hack */ 
.ie8 .headerPhone 
{ width:200px; 
} 

Над CSS хак работает отлично для IE8, но без:

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

этот метатег Я использовал в заголовке. Как только я снова поставлю этот метатег, этот хак перестанет работать.

Есть ли какое-либо решение, что обе вещи будут работать хорошо вместе?

+3

какова природа вопросов ... вы рассмотрели это быть просто вопрос с ваш css? –

+1

Без подробностей о вашей проблеме, вероятно, не будет ответа. – Appleshell

ответ

2

LESS скомпилирован в CSS, поэтому все, что вам нужно сделать, это убедиться, что скомпилированный CSS будет работать в Internet Exploder.

Если вы используете ie-specific classes, то вы можете легко создать Примеси, которые будут нацелены на IE, такие как:

.inline-block() { 
    display: inline-block; 
    .lt-ie8 & { 
     display: inline; 
     zoom: 1; 
    } 
} 
+0

Спасибо Для этого решения – dkedar

Смежные вопросы