Вот есть такое gif изображение
Скачал шаблон с интернета дабы разобраться в верстке на наглядном примере. Эта картинка подставляется под статью как "Читать дальше" и сначала она имеет цвет первой кнопки при наведении второй. Заглянул в css там оно просто как бакгроунд прописано. Не подскажите как реализовать это? Ну это же одна картинка, а показывается только первая кнопка при наведении вторая. Ничего не пойму...
- 20.11.2011 00:08
Последний раз редактировалось Jeremen; 20.11.2011 в 00:10.
- 20.11.2011 00:26Гуру

- Регистрация: 09.10.2011
- Сообщений: 1,813
- Репутация: 251
Jeremen, в CSS стилях свойство hover смотреть здесь _http://htmlbook.ru/css/hover
- 20.11.2011 00:28
При наведении идет смещение изображения
Пример:
Размер кнопки (картинки) 100px а кнопки 50px
Без наведения {background-position: 0 0; width:50px;}
при наведении {background-position: -50px 0; width:50px;}Спасибо сказали:
Jeremen(20.11.2011), - 20.11.2011 00:32
Я уже разобрался короче там просто прозрачный фон. В стилях эти селекторы позиционированы одинаково просто с помощью ширины задается кнопка. То-есть первая имеет 45 ширины пишем. А при наведение a:hover имеем тот же стиль только ширина другая :) Можете закрывать!
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Как так сделать? | Партнерские программы | 6 | 02.11.2011 18:21 |
Что еще сделать для Google??? | 39 | 17.10.2011 05:03 | |
Как сделать кликабельным | Web программирование | 6 | 29.08.2011 14:31 |
Как сделать так же? | Web программирование | 8 | 09.08.2011 23:07 |





