Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > input type="image" + png + hover

Автор: iteshnik 5.11.2008, 15:28

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

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

Автор: Burrr 5.11.2008, 15:47

Может воспользоваться контейнером <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"