За последние 24 часа нас посетили 16567 программистов и 1555 роботов. Сейчас ищут 1995 программистов ...

div hover для IE

Тема в разделе "HTML и CSS", создана пользователем greenzlat, 31 авг 2010.

  1. greenzlat

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

    С нами с:
    27 апр 2008
    Сообщения:
    255
    Симпатии:
    0
    Нужно при наведении чтоб DIV менял фон. Делаю так:
    [css].asd:hover {
    background:#faddac;
    }
    [/css]

    HTML:
    1. <div class="asd">
    2. ТЕКСТ
    3. </div>
    Но в вездесущем IE не работает, как там сделать??
     
  2. Apple

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

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    HTML:
    1. <div class="asd" onmouseover="this.style.backgroundColor = 'pink';" onmouseout="this.style.backgroundColor = '';">
    2.  ТЕКСТ
    3. </div>
     
  3. neverlose

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

    С нами с:
    27 авг 2008
    Сообщения:
    1.112
    Симпатии:
    20
    В ie событе :hover работает только для тега <a>, если вам это не подходит самый верный способ сделать с помощью JS. А самый наиболее распространённый добавления класса при наведении курсора на элемент.

    Работает это следующим образом.
    Делаем 1 класс

    [css].div_hover
    {
    прописываем стили, которые будут меняться при наведении
    }[/css]

    Далее, при помощи библиотеки jQuery можно просто и удобно написать:

    [js]$('#div_element_id').mouseover( function() {
    $(this).addClass('div_hover');
    }).mouseout( function() {
    $(this).removeClass('div_hover');
    });[/js]

    Аналогично это можно и без jQuery задать. Здесь цель другая - менять не стили при наведении, а класс.