ролловер в этот же угол фона веб-страницы: Ьоdу { Ьackground: url(rollover.gif) no-repeat left
top; }. В процессе загрузки установится и фоновое иэображение-ролловер. Посетители веб-страницы
Его не увидят, потому что оно находится на заднем плане веб-страницы и поверх него отображается
Логотип.
Другой метод заключается в том, что вы должны поместить иэображение-ролловер в тег <div>,
Который нужно иэначально позиционировать средствами CSS за пределы видимой части веб-страницы
(см. гл. 12). В любом случае браузер загрузит иэображение-ролловер во время загрузки вебстраницы,
И в дальнейшем не будет никаких задержек.
~-, J 39 пикселов
l_~
г~ QUI; background-position: О О;
:~ , ____ j
Г---1
~~
~~ background-position: О -39рх;
Рис. 9.9. Используя метод CSS Sprites, вы можете избежать задержки во время загрузки
Браузером изображения-ролловера в первый раз, включив все изображения различных
Состояний кнопки-ссылки в единственный файл рисунка
Современные методы стилизации ссылок 267
ПРИМЕЧАНИЕ-----------------------------------------------Некоторые
сайты довели использование этого метода до крайности. Yahoo!, Amazoп и Google (среди
Многих других) часто собирают вместе в одном файле множество маленьких изображений и покаэывают
Лишь часть файла, содержащую необходимую кнопку. Вы можете посмотреть пример от
