Вопросы Теги

CSS-спрайты - как оставить кнопку наведения в нажатом состоянии

CSS-спрайты (кнопка) с тремя различными состояниями:

  1. Стандартное
  2. Наведение
  3. Нажатое (активное)

В настоящее время "Стандартный", "Парящий" и "Прессованный" работают. Проблема в том, что «Нажат» остается нажатым только при удерживании мыши. Я хочу, чтобы состояние «Нажат» или «активно» оставалось активным до тех пор, пока оно не будет нажато еще раз. Любые идеи? Решение CSS? решение javascript?

Спасибо за вашу помощь, D

Вот код: 

<html>

<style type="text/css">

    a.button {
        background-image: url('BUTTON SPRITES IMAGE');
        width: 86px;
        height: 130px;
        display: block;
        text-indent: -9999px;

    }

    a.micbutton:hover { 
        background-position: 0 -130px;

    }

    a.micbutton:active { 
        background-position: 0 -260px; 

    }

</style>

<a class="button" href="#" ></a>

</html>
7
задан David J. Phillips 25 July 2011 в 23:05
поделиться