-3

我的页面代码是：

<!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 hack 对 IE8 工作正常，但没有：

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

我在标题中使用的这个元标记。一旦我再次放置那个元标记，这个黑客就会停止工作。

有什么解决方案可以让这两件事一起正常工作吗？

4

1 回答 1

2

LESS 被编译成 CSS，所以你所要做的就是确保编译后的 CSS 可以在 Internet Exploder 中工作。

如果您使用的是特定于 ie 的类，那么您可以轻松地创建以 IE 为目标的 mixin，例如：

.inline-block() {
    display: inline-block;
    .lt-ie8 & {
        display: inline;
        zoom: 1;
    }
}
于 2013-04-01T18:15:03.627 回答