CSS样式表不适用于IE7和IE8

时间：2014-04-01 08:13:01

标签： html css internet-explorer-8

我＆＃39;我遇到了一个问题，该网站仍在我的localhost中。其中css链接不包含在页面中。它可以在所有其他浏览器中使用IE7和IE8。

我＆＃39;我正在使用WordPress 3.6，Bootstrap 3，Modernizr和jQuery。

源代码 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie-7"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie-8"> <![endif]-->
<!--[if IE 9]><html class="no-js lt-ie9 ie-9"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js"> 
        <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <title><?php echo title(); ?></title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width">
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/bootstrap.css"/>
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/bootstrap-theme.css"/>
      <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/common.css"/>
      <?php if(is_front_page()){ ?><link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/home.css"/><?php } ?>
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/media.css"/>
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/print.css" media="print"/>
      <script type="text/javascript" src="<?php echo JS_PATH; ?>/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
      <script type="text/javascript">var template = '<?php echo get_template_directory_uri(); ?>';</script>
    </head>

Chrome Head enter image description here

IE8主管 enter image description here

我认为这可能与DOCTYPE有关，所以我改为HTML4但仍然无效。另请注意，它在IE8浏览器模式和文档模式下可以作为Quirks，但不能在标准模式下工作

1 个答案:

答案 0 :(得分：3)

您正在使用条件评论。

<!--[if gt IE 8]><!--><html class="no-js"> 
        <head>

您永远不会结束gt IE8的<html>开始标记的concom。下一个评论之前的所有内容都隐藏在与之匹配的浏览器中。

添加<!--<![endif]-->。

相关问题
最新问题