размещение фонового изображения - PullRequest
Новая
       4

размещение фонового изображения

1 голос
/ 19 июля 2011

У меня есть тег span, к которому я добавляю фоновое изображение. Я знаю, что есть много способов сделать это, но мне было интересно, есть ли способ заставить фоновое изображение, которое представляет собой маленький значок PDF, переместиться вправо от текста, а не слева от него. 

<span class='pdf'><a href="#">download pdf link</a></span>

 .pdf{
  background: url(img/sprite.png) no-repeat left bottom;
  display:inline-block;
  padding-top:10px;
  padding-left:26px;

В изображении спрайтов есть еще несколько спрайтов, и этот установлен в положение внизу.

Ответы [ 2 ]

4 голосов
/ 19 июля 2011

Как насчет изменения left на right? 

background: url(img/sprite.png) no-repeat right bottom;
padding-right:26px;
0 голосов
/ 19 июля 2011

Существует два способа размещения фонового изображения.

по левому / правому атрибуту 

  For example:
  background: url(img/sprite.png) no-repeat right bottom;
  // "right" instead of "left"

См. Демо: http://jsfiddle.net/rathoreahsan/sDajV/5/

или

по процентным признакам 

  For example:
  background: url(img/sprite.png) no-repeat 188% 93%;

См. Демонстрацию: http://jsfiddle.net/rathoreahsan/sDajV/4/

...