Селекторы браузера CSS - PullRequest
Новая
       31

Селекторы браузера CSS

0 голосов
/ 27 марта 2012

Размещая страницу с абсолютным позиционированием, я поняла, что она отображается по-разному в разных браузерах.Я искал в Интернете о селекторах CSS, чтобы увидеть, есть ли какой-нибудь способ изменить позиционирование в зависимости от того, какой браузер использует пользователь, но я не смог найти ничего очень полезного.Есть идеи?

1 Ответ

2 голосов
/ 27 марта 2012

Это выглядит как плохая стратегия для меня ... Я бы не хотел переключаться с абсолютного, скажем, относительного или какого-либо другого вида позиционирования, основанного на типе браузера.Все они должны реализовать позиционирование довольно похожим.Возможно, вам потребуется добавить несколько дополнительных стилей, чтобы заставить определенный элемент вести себя правильно в определенном браузере, но изменение метода глобального позиционирования на основе браузера не очень хорошая идея, IMO.

ОБНОВЛЕНИЕ:

Только для CSS не существует стандартного механизма обнаружения браузера.Вы можете использовать приемы, подобные приведенным ниже, для определения конкретной версии IE, например: 

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

или что-то вроде: 

<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

Для более полного списка параметров см. здесь.

Другой альтернативой является использование jQuery (если это вариант для вас) и настройка стиля элемента с использованием javascript в зависимости от браузера.Примерно так: 

if ( $.browser.msie ) {
    $("#div ul li").css( "display","inline" );
 } else {
    $("#div ul li").css( "display","inline-table" );
 }

Более примеров здесь.

Предупреждение: ни один из вышеперечисленных методов не является безошибочным.Например, Firefox может идентифицировать себя как Internet Explorer.

...