【问题标题】:Wordpress and Conditional IE statmentsWordpress 和条件 IF 语句
【发布时间】:2012-02-04 10:59:59
【问题描述】:

我知道这个问题已经被问了 100 倍,但我似乎无法在其他文章中找到解决方案。我在这里和其他网站上解决了许多支持问题,但没有解决。我正在尝试将条件 IE 语句添加到我的 WordPress 主题中,版本 8 及以下,然后是 9。这是我的 head 部分的样子(不知道为什么这里没有全部显示一个代码块......对此感到抱歉) :

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

  <![endif]-->

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

我只尝试了一种说法,但没有运气。 我还尝试使用完整 URL 直接链接 css。

当页面加载时,我使用 ie.css 看到了它的外观(主要是我改变了背景,所以很明显),然后它很快就变成了我的默认样式表。当我使用 Firebug 检查时,它使用默认样式表显示它。 有任何想法吗? 谢谢。

*****更新*** * 我想我需要离开周末。我今天意识到我一直在看的页面是我在 WP 中设置的 home.php 页面。那是我网站上唯一没有使用 header.php 文件的页面,它只是指向样式表的链接。因此,一旦我将条件语句添加到该页面,它现在就会看到 IE 样式表。我觉得自己像个白痴,但有时退后一步可能是最好的答案。不过感谢其他回复!

【问题讨论】:

  • 如果 gte IE 9 = 大于 ie9,则不包括 IE9。
  • 不,gte = greater than or equal to
  • 谢谢。我读到 gte IE 9 包括 9 和以上任何内容。我更改了它,但它仍然只能在 IE 8 和 9 中看到我的默认样式表

标签: css wordpress internet-explorer


【解决方案1】:

我今天意识到我一直在看的页面是我在 WP 中设置的 home.php 页面。那是我网站上唯一没有使用 header.php 文件的页面,它只是指向样式表的链接。因此,一旦我将条件语句添加到该页面,它现在就会看到 IE 样式表。我觉得自己像个白痴,但有时退后一步可能是最好的答案。感谢您的其他回复

【讨论】:

    【解决方案2】:

    我的经验是,有条件的 cmets 出于某种原因可能有点挑剔。

    首先,确保它们是在您的基本样式表之后加载的,因为它们可能已加载但被您的基本样式表覆盖。

    另外,我没有加载条件样式表,然后将代码移到其他地方并让它工作。确保您的文档经过验证,并且周围没有其他任何东西可能会干扰对这些语句的解析。

    您的标题中还发生了什么?只是为了帮助我们解决问题?

    【讨论】:

    • 感谢您的回复。我会发布我的整个标题,但帖子不断将我的代码分成几段。如何在一个代码块中发布所有代码?
    【解决方案3】:

    您有两个条件隐藏 cmets(即它们对非 IE 浏览器不可见)。然后,您需要为所有其他浏览器添加带有if !IE 的条件显示注释。请参阅this article 了解更多信息。

    编辑:此外,即使您在 IE 中运行 Firebug,它也可能无法识别条件 cmets。您应该使用 F12 开发者工具。

    【讨论】:

    • 谢谢。为了安全起见,我已经添加了它。但是我仍然没有运气。即使在开发人员工具中查看 HTML 时,它也会显示为:johnmobley.com.veddio.net/wp-content/themes/Mobley/style.css" rel="stylesheet"/>
    【解决方案4】:

    IE css 只能在 IE 浏览器中加载,因此在使用 firebug 的 Mozilla 中将无法查看。 在 Mozilla 中,页面只会使用默认页面。

    【讨论】:

    • 感谢您的快速回复。我在 IE 中测试。我在 IE 中使用 Firebug Lite 来检查代码。
    猜你喜欢
    • 2011-03-23
    • 1970-01-01
    • 1970-01-01
    • 2019-04-29
    • 2013-12-11
    • 1970-01-01
    • 1970-01-01
    • 2012-07-16
    相关资源
    最近更新 更多