VPF::input type="image" + png + hover - Форум программистов

iteshnik

Дата 5.11.2008, 15:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 20.6.2008

Репутация: нет
Всего: нет

Кто поможет сделать такой-вот сабж

Нужно что-бы input type="image" была png картика да ещё и с ховером? тоже пнг..

Burrr

Дата 5.11.2008, 15:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 5
Всего: 20

Может воспользоваться контейнером <button> для этих целей. Например так:

Код


<button class="over" onmouseover="this.className = 'hover';" onmouseout="this.className = 'over';">
    <img class="over" src="/i/over.png" width="30" height="30" alt="">
    <img class="hover" src="/i/hover.png" width="30" height="30" alt="">
</button>
<style type="text/css">
   button.over img.over, button.hover img.hover {display:block;}
   button.over img.hover, button.hover img.over  {display:none;}
</style>

Не очень красивое решение, но должно работать, даже можно png-fix для ИЕ<=6 сделать.
Если кнопка-сабмит, тогда: <button type="submit"

--------------------

JavaScript на fastcoder, sqlinfo.ru

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »