Включение css файлов условно в OctoberCMS

В OctoberCMS я могу добавить CSS-файл на мою страницу, используя:

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

Я не знаю, однако, как я могу проверить версию IE в коде выше? Что эквивалентно следующему коду CSS в OctoberCMS?

<!--[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 ответ

Условная разметка, которую вы разместили в качестве ссылки, является условной разметкой HTML и поэтому не может использоваться в методе PHP onRun,

Однако вы можете использовать ту же условную разметку в макете вашей темы или на определенной странице.

Давайте предположим, что вы используете demo тема.

  • Идти к themes/demo/layout/default.htm
  • Найти head раздел вашего HTML-документа

Вставьте свой код:

<!--[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 метод, чтобы избежать добавления одной и той же таблицы стилей дважды.

Другие вопросы по тегам