css-спрайты: какой элемент html используется для фоновой позиции?

Мне интересно, для использования спрайтов css, какой тег html лучше всего?

Я имею в виду, что могу использовать

‹ img src="trasparent.png" style="background-position:ecc"> или ?

Я видел, как Google использовал ‹ span> вместо «o» в G"o o o o o"gle.

Благодарность


person Community    schedule 16.11.2010    source источник


Ответы (2)


Вы можете использовать практически любой элемент, который вам нравится.

Однако стоит отметить, что такие элементы, как <span> и <a>, являются встроенными элементами. Таким образом, если вы попытаетесь добавить к ним размеры, чтобы они соответствовали размеру вашего фонового спрайта, эти размеры будут проигнорированы. Чтобы исправить это, вы можете использовать такие вещи, как высота строки или отступы, чтобы установить размеры, или вы можете изменить элемент на элемент уровня блока, используя CSS: display:block.

Еще одно правило, позволяющее добавлять измерения, — display:inline-block, но это может вызвать некоторые проблемы в IE6 и более ранних браузерах.

person Coin_op    schedule 16.11.2010
comment
Встроенный блок сделает эту работу. Но я слышал, что это не поддерживается в каждом браузере? ‹ img работает как встроенный блок?. Я имею в виду, почему я могу легко установить ширину и высоту для тега ‹ img, если он только display:inline? - person dynamic; 16.11.2010

Google на самом деле использует диапазон, по моему опыту, это тоже хороший выбор.

person Mauro    schedule 16.11.2010