Почему стала пропадать при клике кнопка

Ну вот ).. смотрите какие кнопки )..

угу.. спрайт самое то, должно проканать..

Цитата ("an3537"):

А как можно сделать, чтобы шар-кнопка при загрузке уже подгружен был? Последовательность переставить, или как?

нужно чтобы картинка с кнопкой была как-би двойной... тоесть верхняя часть - серая кнопка, нижняя половина - розовая, и просто позиционированием, или как-то так (в зависимости от особенности верстки) делаете сначала отображение верхней половины картинки, при наведении - фон\картинка сдвигается вверх на половину и видите розовую кнопку, как-то так.

ЗЫ: набросал бы пример, но лень

Спрайтом, те при наведении на нее мышью прописать в css сдвиг фона

Цитата ("kulibinn"):

а мне не лень

хвала и почёт

Css примерно такой:

a.button {

background:url(button.jpg) left -89px  no-repeat;

height:89px;

width:80px;

display:block;

}

a.button:hover {

background-position:left top;

}

kulibinn, Большое спасибо за ответ на вопрос.

Проблема популярная. Верстальщик наверняка прописал для кнопки две разных картинки, что и создает эффект пропажи кнопки.
Вариантов решения два - либо предзагрузка картинок тем или иным способом, либо с использованием css-спрайтов, как написал выше kulibinn.

Но при использовании спрайтов, опять же, возникнет неприятный "background flicker" баг в IE6, который тоже придется лечить
Например, так:

try{document.execCommand("BackgroundImageCache",false,true);}catch(err){}

Не знала об этом, но мерцание в ие замечала, спасибо Sir_Michael теперь и я буду знать

Тут написано как ПРЕзагрузить картинку: ссылка

Еще можно сделать спрайтом: ссылка

Более корректно (никаких фликов не замечал):

a.button {

background:url(button.jpg) top left  no-repeat;

height:89px;

width:80px;

display:block;

}

a.button:hover {

background:url(button.jpg) bottom left;

}

raznomir, а чем корректнее можно спросить?

Самое интересное в этой теме, что автором является заказчик.
А горе-верстальщику глубоко начхать почему у него кнопка со второго раза отображается.
Вот он - матерый профессионализм.

Потому что ряд браузеров не любит отрицательные значения размеров/расстояний и проч...

raznomir, что еще попадает в категорию "ряд браузеров" кроме ИЕ6?
NN4?

Браузеры бывают разные… Бывают нормальные, бывают не очень. А ещё есть Internet Explorer.

2frags, список браузеров: ссылка

raznomir, в вашем примере будет та же описанная мной проблема.

Ну а css и я тоже напишу

.button {

display:block;

width:80px;

height:89px;

background:url(button.jpg) no-repeat;

}

.button:hover {background-position:0 100%}

raznomir, Sir_Michael, не ссорьтесь
проблема мерцания решаестся с помощью css-спрайтов и Цитата ("Sir_Michael"):

Но при использовании спрайтов, опять же, возникнет неприятный "background flicker" баг в IE6, который тоже придется лечить
Например, так:
Код:
1try{document.execCommand("BackgroundImageCache",false,true);}catch(err){}

а как написать для спрайта код - это уже дело техники и вкуса