[Помогите] Стиль для кнопки меню

Тема в разделе "OpenCart", создана пользователем Reqman, 8 янв 2014.

  1. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Ребята, подскажите пожалуйста, как избавится от проблемы: я решил добавить в меню "домик", который ссылается на главную страницу сайта. Без наведения на него мышкой он выглядит нормально (см. рис. а), но после того как курсор на нем - он закрашивается (см. рис. б). Как отменить для него стили :hover?
    [​IMG]
    Мой код:
    Для добавления пункта меню:
    Код:
    <li id="domik">
    <a href="">Главная</a>
    </li>
    Стиль для этого пункта:
    Код:
    #domik {
      background-image:url(домик.png);
      background-position:40% 35%;
      background-repeat:no-repeat no-repeat;
      text-indent:-9999px;
      width:24px;
      }
    P.S. Я пытался отменить закрашивание через:
    Код:
    #domik:hover  {
      background: none;
      }
    Не помогло :(
     
    Последнее редактирование: 8 янв 2014
  2. biolion

    biolion

    Регистрация:
    27 окт 2013
    Сообщения:
    303
    Симпатии:
    94
    Пробовали transparent?

    тут ошибка
    text-indent:-9999px; - это на всякий случай, а то вдруг не заметили.
     
    Reqman нравится это.
  3. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Спасибо за ответ! Если вы про это:
    Код:
    #domik:hover  {
      background-color:transparent;
      } 
    То пробовал - не вышло.
     
  4. NinoZombie

    NinoZombie

    Регистрация:
    27 окт 2013
    Сообщения:
    223
    Симпатии:
    59
    А если так ?
    Код:
    #domik:hover {
      background-image:url(домик.png);
      background-position:40% 35%;
      background-repeat:no-repeat no-repeat;
      text-indent:-9999px;
      width:24px;
      }