条件语句和ie空白页



认为这些工作良好,但刚检查我得到一个空白页在ie9。如果我使用开发人员工具切换到ie8或ie7,结果相同。也许我现在太累了,但我看不出下面有什么问题。

顶部添加了一个类html ie8或更低,所以我可以删除任何使用谷歌字体在我的css。然后底部加载谷歌字体,而不是IE或ie9或更高版本。

这是怎么回事?

<!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>

我不确定这些行:

<!--[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]-->

?

看起来您的最后一个条件语句搞砸了。

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

删除多余的

<!-->

和结束

的位置
<!--<![endif]-->

改为

<![endif]-->

相关内容

  • 没有找到相关文章

最新更新