Таким образом, все w10, w11, w20 и т. Д. Имеют одно и то же изображение (nav_logo4.png), все имеют фиксированную высоту и ширину. и все указывают (разные) backgroup-позиции.

ом из недавнихStackoverflow подкастыДжефф говорил о том, чтобы иметь один файл изображения, содержащий все эти крошечные изображения по всей странице, а затем вырезать его с помощью CSS, чтобы все изображения отображались правильно. Весь смысл в том, чтобы уменьшить количество запросов к серверу, чтобы страница загружалась быстрее. Я был как "вау, это действительно круто, я мог бы действительно использовать это в нашем продукте".

Мой вопрос:Как это делается с помощью CSS? Мне нужно загрузить изображения с background-image, но тогда как мне указать смещение подизображения в большом изображении? То есть предположим, что на большом изображении есть значок молотка (50px, 50px), и он имеет размер 32px * 32px, как я могу заставить браузер отображать только этот бит?

Ответы на вопрос(3)

Ваш ответ на вопрос