以为这些工作正常,但是在检查后我在ie9中得到了一个空白页。如果我使用开发人员工具切换到8或7,则结果相同。也许我现在太累了,但是下面的内容并没有引起问题。

顶部为html添加了一个类,即8或更低,因此我可以在CSS中删除对Google字体的任何使用。然后底部会为非IE或IE 9或更高版本加载google字体。

这有什么问题?

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


关于css - 条件语句,即空白页?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14253835/

10-12 15:59