Различные положения фона для Firefox и Chrome

Я использую изображение в качестве фона в div, я хочу использовать разные публикации для Firefox и Chrome.Различные положения фона для Firefox и Chrome

Я хочу использовать это для Mozila:

background-position: left -14px bottom -1px !important;

Я хочу использовать этот для Chrome:

background-position: left -14px bottom -2px !important;

возможно ли это? Пожалуйста, советы мне ..

источник

2014-01-08 Naju

привет снова: p .... пожалуйста, просмотрите, прежде чем вы спросите ... => http://stackoverflow.com/questions/4332117/how-to-write-specific-css-for-mozilla-chrome-and -ie – NoobEditor

@NoobEditor еще раз спасибо за ваш комментарий. Я хотел -moz или -web-toolkit css-атрибуты для этого. Я думаю, что его нет. спасибо за полезную ссылку. – Naju

Но почему же? – Goombah

Код для проверки, если браузер Chrome вы можете использовать:

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

И светлячок:

var FIREFOX = /Firefox/i.test(navigator.userAgent);

источник

2014-01-08 08:02:07 edonbajrami

Первое: Попробуйте сбросить CSS перед вами код ?

Я не думаю, что они имеют разные пиксельные вещи между Chrome и Firefox (но не ИЭ)

Soloution: Добавить таблицу стилей CSS сброса до вашего пользовательского CSS

Пример:http://necolas.github.io/normalize.css/

И вновь проверить свои позиции agian

Удачи!

источник

2014-01-08 08:17:17 l2aelba

Это не отвечает на вопрос, и неправда, что Firefox и Chrome используют идентичные системы позиционирования. – Benny

@benny, im довольно уверен в сбросе CSS, предотвратит проблемы с пикселями (в лучшем случае) для современных стандартных браузеров. – l2aelba

Нет, сброс CSS не имеет ничего общего с проблемой здесь. Возникает вопрос: «Как настроить различные браузеры в CSS?» Сброс CSS не позволяет вам это делать; он просто делает это так, что все выглядит одинаково во всех браузерах.Ответ @enguerranws выше здесь лучший. – Benny

Я согласен с @ l2aelba, что вы должны использовать сброс css, и это покончит с этими проблемами, но если вы действительно хотите настроить несколько браузеров, я предлагаю этот js-плагин. Он отлично работает. http://rafael.adm.br/css_browser_selector/

источник

2014-01-09 17:52:03 Davidicus

Вы можете использовать специальные селекторы для FF и Chrome:

Для целевой Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .yourElement { 
    background-position: left -14px bottom -2px !important; 
    } 
}

Для предназначаться FF:

@-moz-document url-prefix() { 
    .yourElement { 
    background-position: left -14px bottom -1px !important; 
    } 
}

Это намного лучше, чем с помощью агента пользователя ,

источник

2014-01-09 17:55:53 enguerranws

Различные положения фона для Firefox и Chrome

ответ

Смежные вопросы