Мы можем использовать CSS Sprites, но разве это не требует, чтобы все изображения были превращены в блок или отображать: элементы блока?

Question

Я бы хотел использовать CSS Sprites, но я не использовал его в большом масштабе раньше, и похоже, что когда все изображения отображаются с использованием CSS Spirites (изображение в качестве фона), тогда оно должно быть внутри div или span с display: block, чтобы он мог иметь ширину и высоту?

Если это так, то не грязно ли это, что раньше, как <img>, он мог естественным образом передаваться как встроенный элемент, но теперь это должно быть floated.

Возможно, он будет отображаться как inline-block, но я думаю, что он поддерживается не всеми браузерами?

Answer 1

Я использую это исправление для inline-блока при спирите (хотя я игнорирую стиль вендора для Firefox, так как современный FF играет хорошо).

FTA:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

Обратите внимание, что IE, как правило, в порядке, если элемент hasLayout.