在OctoberCMS中有条件地包含css文件

时间:2015-12-31 09:04:01

标签: css octobercms

在OctoberCMS中,我可以使用以下命令将CSS文件注入我的页面:

public function onRun()
{
    $this->addCss('http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css');
}

我不知道,我怎样才能检查上面代码中的IE版本?在OctoberCMS中,以下CSS代码的等价物是什么?

<!--[if lte IE 8]>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->

1 个答案:

答案 0 :(得分:3)

您作为参考发布的条件标记是HTML条件标记,因此无法在PHP方法onRun中使用。

但是,您可以在主题布局中或在特定页面中使用相同的条件标记。

假设您正在使用demo主题。

  • 转到themes/demo/layout/default.htm
  • 查找HTML文档的head部分

粘贴您的代码:

<!--[if lte IE 8]>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<!--<![endif]-->```

请务必从addCss方法中移除onRun来电,以避免两次添加相同的样式表。