Question

由于不了解响应行为的@import查询，IE8错误地显示了我的一些wordpress网站 - http://dev1.markdavies.eu。为了解决这个问题，我想尝试为IE8 / 7 /＆amp; amp; 6，并找到了以下代码

<link rel="stylesheet" type="text/css" media="all" href="style.css"/>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/>
<![endif]-->

但是我不知道我应该把它放在哪个php文件中。或者即使这是最好的方法。请任何人都可以提供建议。

我正在使用子主题，并且与文件结构和css，HTML和php代码进行了相当好的交谈。

由于

Answer 1

在调用主题的默认样式表后立即为主题的header.php文件添加适当的条件注释。

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie7.css" media="screen" type="text/css" />
<![endif]-->

然后将新的特定于IE的样式表（上例中的ie7.css）上传到主题文件夹。

Answer 2

对于儿童主题，请使用：

 <!--[if lt IE 9]>    
<link rel="stylesheet" type="text/css" href="  <?php echo get_stylesheet_directory_uri(); ?>/ie.css" />
<![endif]-->

Answer 3

感谢大家的帮助。虽然它不是子主题，但header.php使用以下形式来调用样式表;

<title><?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>

所以vel的最后一个答案就是诀窍。我按如下方式插入了条件语句;

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" />
<!--[if lt IE 9]>    
      <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/style-ie.css" type="text/css" media="all"/>
<![endif]-->
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>

出于兴趣，它是否在“ping back”代码行之前或之后发生？它似乎对我有用。

如何在wordpress中加载单独的IE8样式表

3 个答案: