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

Question

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

Answer 1

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

UPDATE:

Только на 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]--> 

Для более полного списка опций see here.

другой альтернативой является использование jQuery (если это вариант для вас) и настроить стиль элемента с помощью javascript в зависимости от браузера. Что-то вроде:

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

Больше examples here.

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