2015-07-03 2 views
1

Я пытаюсь получить все эти стили css в одном выражении, но у меня возникают проблемы с этим. Здесь у меня есть свойство background-position. Как написать следующий.CSS3 применяют фоновое положение с использованием фона

.tabbing1 a{  
    background-repeat:no-repeat; 
    background-position:left; 
    background-image: url('../images/nbr.png'); 
} 

Я пытался таким образом, но возникли некоторые проблемы,

background: url('../images/nbr.png') left no-repeat 

enter image description here

ответ

0

фона позиция может принимать один или два значения:

background-position: <xvalue> <yvalue> 

ИЛИ

background-position: <xvalue and yvalue> 

Где значения могут быть пикселы, проценты, ключевые слова, как center, left, right, top или bottom и т.д.

Более подробно здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

+0

спасибо за U г быстрое предложение .. Я добавил '0 4px' вместо 'влево' для фона позиции. его работа как шарм. – vishnu

+0

@vishnu большой !! Не могли бы вы пометить мой ответ как правильный? – winhowes

0

попытаться поместить no-repeat сразу после url

background: url('../images/nbr.png') no-repeat left; 

При использовании сокращенного имущества порядок значений имущества:

  • цвет фона
  • фоновое изображение
  • фон-повторить
  • фон-вложение
  • фон положение

http://www.w3schools.com/css/css_background.asp

0

фон положение: стоимость;

1.Значение может быть любым из ниже: (Вы можете указать в%)

-Выберите топ

-Выберите центр

-Выберите дно

-Верно топ

-Верно центр

-right bottom

-center top

центр центр

центр нижней

например: background-position: 50px 100px;

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