CSS спрайты для изображений масштабируемых элементов - PullRequest
1 голос
/ 19 января 2011

У меня есть HTML-часть кода, которая содержит изображения. Изображения могут быть изменены / увеличены в HTML, просто изменив их размер (ширину и высоту). Я хочу заменить изображения на CSS Sprites (чтобы загрузить один файл вместо многих). Проблема в том, что если у меня есть фон для div, если я изменяю размер div, изображение на фоне не изменяется.

Знаете ли вы, как этого добиться? Есть ли способ, который работает в большинстве браузеров, чтобы загрузить обрезанные части изображения из изображения и затем изменить их размер, как я сделал бы с простым изображением?

Позднее редактирование: изображение (я) должно быть загружено только один раз, и изменение размера должно быть выполнено для размера клиента, чтобы предоставить пользователю лучший вид при наведении указателя мыши на изображение.

1 Ответ

0 голосов
/ 19 января 2011

В вашем конкретном случае использования чистые CSS-спрайты не будут работать, и создание сложного javascript для измельчения спрайтового изображения вызовет больше затрат, чем просто загрузка изображений по отдельности.

Не совсем ответно ваш вариант использования выходит далеко за рамки того, что может сделать техника спрайтов CSS.Если вы можете дать больше контекста относительно того, что делает ваше приложение (то есть цель изменения размера, это изменение размера, происходящее на стороне сервера / на стороне клиента, и т. Д.), Могут быть другие решения, которые ускорят загрузку сайта.

...