Вот есть такое gif изображение Скачал шаблон с интернета дабы разобраться в верстке на наглядном примере. Эта картинка подставляется под статью как "Читать дальше" и сначала она имеет цвет первой кнопки при наведении второй. Заглянул в css там оно просто как бакгроунд прописано. Не подскажите как реализовать это? Ну это же одна картинка, а показывается только первая кнопка при наведении вторая. Ничего не пойму...
Последний раз редактировалось Jeremen; 20.11.2011 в 00:10.
При наведении идет смещение изображения Пример: Размер кнопки (картинки) 100px а кнопки 50px Без наведения {background-position: 0 0; width:50px;} при наведении {background-position: -50px 0; width:50px;}
Я уже разобрался короче там просто прозрачный фон. В стилях эти селекторы позиционированы одинаково просто с помощью ширины задается кнопка. То-есть первая имеет 45 ширины пишем. А при наведение a:hover имеем тот же стиль только ширина другая :) Можете закрывать!