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