Question

认为这些工作正常，但只是检查我在ie9中得到一个空白页。如果我使用开发人员工具切换到8或7相同的结果。也许我现在太累了，但我没有看到下面的任何问题导致问题。

顶部为html添加一个类，即8或更低，所以我可以在我的CSS中删除任何使用谷歌字体。然后底部为任何非IE或IE 9或更高版本的内容加载谷歌字体。

这有什么问题？

<!DOCTYPE html>
<!--[if lte IE 8 ]> <html class="ie8" lang="en-US"> <![endif]-->
<!--[if !IE]><!--> <html lang="en-US"> <!--<![endif]-->

<head>
<meta charset="utf-8">
<title>test</title>
<meta name="description" content="test">
<link rel="stylesheet" href="/css/base.css" type="text/css">
<link rel="stylesheet" href="/css/styles.css" type="text/css">
<!--[if gt IE 8]>
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<![endif]-->

<!--[if !IE]><!-->
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<!--<![endif]-->
</head>

Answer 1

我不确定这些内容：

<!--[if !IE]><!--> <html lang="en-US"> <!--<![endif]-->
<!--[if !IE]><!-->
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<!--<![endif]-->

不应该是：

<!--[if !IE]> <html lang="en-US"> <![endif]-->
    <!--[if !IE]>
    <link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
    <![endif]-->

Answer 2

看起来你最后的条件陈述搞砸了。

<!--[if !IE]><!-->

删除额外的

<!-->

以及它关闭的地方

<!--<![endif]-->

将其更改为

<![endif]-->

条件陈述，即空白页？

2 个答案: