2013-04-01 96 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"> 

這個元標籤我用在頭。只要我再次放置這個meta標籤,這個黑客就停止工作。

有沒有解決方案,這兩件事情會一起工作嗎?

+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