1. Сосредоточьте все разрозненные фоновые изображения на странице в одно большое изображение, а затем используйте его для веб-страницы. Когда пользователь заходит на страницу, ему нужно отправить запрос на сервер только один раз.
2. Непосредственно используйте такие атрибуты, как фоновое положение, чтобы точно найти необходимую часть фона.
Пример
<!DOCTYPE html>
<html>
<голова>
<мета-кодировка="UTF-8">
<title>Название</title>
</голова>
<тело>
<дел>
<span></span>
<span></span>
<span></span>
</div>
</тело>
<стиль>
.box интервал {
отображение: встроенный блок;
}
.j {
фон: url("abcd.jpg") без повтора -389px -141px;
ширина: 102 пикселей;
высота: 112 пикселей;
}
.w {
фон: URL("abcd.jpg") без повтора -117px -560px;
ширина: 135 пикселей;
высота: 112 пикселей;
}
.т {
фон: URL("abcd.jpg") без повтора -368px -417px;
ширина: 102 пикселей;
высота: 112 пикселей;
}
</стиль>
</html>Вышеупомянутое представляет собой введение в технологию CSS-спрайтов. Надеюсь, оно будет полезно всем.