CSS Background-position Chrome

Question

Хорошо, поэтому я установил свойство background-position для элемента через объявление класса.И по какой-то причине chrome, и я предполагаю, что все браузеры webkit, игнорируют свойство background-position.

У меня так

.buttonholder {
background-position: -175px 0px;
}

и

<span class='buttonholder'>
<a href='index.php'>Home</a>
</span>

Я взял инструмент типа firebug в chrome, и по какой-то причине тег выглядит так:

<span class='buttonholder' style='background-position: 0% 0%; '>

Даже если внутри тега elements нет определенного объявления стиля.Любой совет будет принят с благодарностью

Редактировать: Очевидно, люди думают, что я пытаюсь использовать это как способ позиционирования элемента.Что является ложным.Я пытаюсь расположить фоновое изображение.

Answer 1

Добавить это:

background-position-x: -175px;
background-position-y: 0px;

Также см .: http://code.google.com/p/chromium/issues/detail?id=57963

Answer 2

В Chrome, чтобы решить эту ошибку, вам нужно использовать проценты в фоновом режиме.Когда смена позиции будет работать нормально.

Надеюсь на ее помощь

Answer 3

Между прочим, у меня была похожая проблема, когда я использовал JavaScript для динамического перемещения элемента с помощью свойства jquery('[element]').css('background-position'), и он не отображался в Chrome.

Я обнаружил, что у меня также был элемент, объявленный в CSS во внешней таблице стилей:

[element] {
  background: #becfd3 url([background image]) no-repeat 140px 60px;
}

Я закончил тем, что удалил часть 140px 60px элемента в таблице стилей, и это сработало для меня. Может быть, это будет работать для вас?

Answer 4

Свойство background-position используется только для размещения фоновых изображений, а не самих элементов. Если вы хотите изучить позиционирование CSS за десять шагов, см. http://www.barelyfitz.com/screencast/html-training/css/positioning/

Ссылка для background-position: https://developer.mozilla.org/en/CSS/background-position (информация относится к Mozilla и Webkit)

Answer 5

Я поэкспериментировал с этим и обнаружил, что Chrome и другие веб-браузеры отображают фоновые позиции без каких-либо проблем. Я использовал одно объявление фона, как это:

background: url(http://www.domain.com/image.png) -175px 0;

Возможно, вы могли бы объявить стиль таким же образом и посмотреть, работает ли он.

Answer 6

Если вы хотите что-то позиционировать, проверьте положение: absolute |родственник |фиксированный |static, и добавьте top, и оставьте согласно стандарту w3c.Я понятия не имею о background-position, но я почти уверен, что то, что вы делаете с этим свойством, также может быть с моим мнением