За последние 24 часа нас посетили 18108 программистов и 1662 робота. Сейчас ищут 1536 программистов ...

css и изображение

Тема в разделе "HTML и CSS", создана пользователем musica, 20 окт 2010.

  1. musica

    musica Активный пользователь

    С нами с:
    24 сен 2010
    Сообщения:
    46
    Симпатии:
    0
    #menu_itc a:hover {
    color: #ccc;
    background-color: #000;
    border-top: 4px solid #e8e8e8;
    padding: 6px 18px 10px 18px;
    }

    элемент border-top: 4px solid #e8e8e8; отвечает за вывод "подсвечивающего" элемента, в роли которого выступает сама верхняя граница (она делается толщиной в 4пискеля и берет цвет #e8e8e8. Можно ли как то подставить в этот элемент изображение. Нечто подобное реализовано тут: http://www.fullyillustrated.com/ (светло синее свечение такое).

    спасибо
     
  2. ekip

    ekip Активный пользователь

    С нами с:
    11 авг 2009
    Сообщения:
    118
    Симпатии:
    0
    Можно но не в этот элемент
    должно быть:

    #menu_itc a {
    color: #ccc;
    background-color: #000;
    padding: 6px 18px 10px 18px;
    }

    #menu_itc a:hover {
    color: #ccc;
    background: #000 url(путь до изображения/имя изображения) top left no-repeat;
    padding: 6px 18px 10px 18px;
    }
     
  3. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    musica
    обычно силами движка высчитывается активная страница и в меню в нужном месте пишется ченить типа class='active'

    соответственно есть и ховер, что в итоге дает четыре варианта для меню: обычные кнопки, кнопки под мышкой, кнопка текущая страница, кнопка текущая страница под мышкой =)

    a
    a:hover
    a.active
    a.active:hover
     
  4. musica

    musica Активный пользователь

    С нами с:
    24 сен 2010
    Сообщения:
    46
    Симпатии:
    0
    а поддерживается ли ховер древними броузерами типа ие6 или 7, просто нет возможности проверить..
     
  5. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    musica
    В IE <= 6 (про старших не знаю) подсветка под псевдоселектор :hover возможна только для гиперссылок.