Drupal 7 Браузер специфический CSS - PullRequest
Новая
       65

Drupal 7 Браузер специфический CSS

2 голосов
/ 04 мая 2011

Как я могу иметь браузер специфичные CSS в Drupal 7.Я хотел бы загрузить chrome.css, если браузер Chrome.Пожалуйста, помогите

Ответы [ 3 ]

8 голосов
/ 04 мая 2011

Вы можете сделать это в своем файле template.php с помощью preprocess_html ловушки тем и drupal_add_css .

Вы найдете пример в теме drupal 7, дляпример в bartik: 

// Add conditional stylesheets for IE
drupal_add_css(path_to_theme() . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
drupal_add_css(path_to_theme() . '/css/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));

Редактировать: поскольку нет условных комментариев для chrome, вы можете проверить $ _SERVER ['HTTP_USER_AGENT']: 

if (isset($_SERVER['HTTP_USER_AGENT'])
    && stripos($_SERVER['HTTP_USER_AGENT'], 'chrome')!==false) {
    drupal_add_css( ... );
}

Но прежде чем сделать это, попробуйте исправить правила CSS !

1 голос
/ 30 ноября 2012

Я рекомендую использовать модуль Условные таблицы стилей

В Internet Explorer реализована запатентованная технология «Условные комментарии».В то время как веб-разработчики не одобряют технологии, которые не поддерживаются в разных браузерах, многие разработчики CSS считают условные комментарии очень полезными.Они могут иметь более чистый CSS в своих обычных таблицах стилей и могут исправить некорректный рендеринг в IE, поместив CSS только для IE в условные комментарии;эта техника даже рекомендована Microsoft.Без этого модуля единственный способ иметь условные таблицы стилей IE - это добавить 37 строк кода (больше, если вы хотите добавить более одной таблицы стилей) в четырех ужасно трудных для запоминания вызовах функций в template.php вашей темы.Blech.Кто этого хочет?

0 голосов
/ 05 мая 2011

Я согласен с предыдущими ораторами, вам следует постараться изменить свой CSS так, чтобы он не нуждался в коде, специфичном для браузера, но если вам действительно нужно ориентироваться на браузеры Webkit (Chrome и Safari), вы можете взглянуть на это решение:

http://www.evotech.net/blog/2010/04/hack-for-webkit-filter-for-chrome-and-safari/

Он не является специфическим для Drupal, но является таковым приемлемым способом нацеливания на webkit в случае чрезвычайной ситуации.

...