Меню
Что нового?

css :hover и ie...

Бочонок

Бочонок

http://frontender.info
css :hover и ie...

Доброго времени суток. создал стиль который должен менять фон в блоке текста при наведении мыши. Работае везде ie. (Mozilla, FireFox, Opera, Netscape). Это как то лечиться ?

PHP: 
.htitlelm{
background:#ACCE6D url(bg/hl2.gif) no-repeat;
}

.htitlelm:hover{
background:#ACCE6D url(bg/hl2d.gif) no-repeat;
}


<div class=htitlelm>
текст
</div>
 
MiRacLe

MiRacLe

просто Чудо
в IE если не ошибаюсь псевдоклассы аля :hover :eek:ver и т.д. работают только для ссылок (A)
 
Бочонок

Бочонок

http://frontender.info
Да нет не ошибаешься =(
А обойти это нельзя ? Писать ява скрипт нехочеться (не потомы учто это составляет какую то проблему с технической точки зрения, а потому что хотелось бы попробывать реализовать сайт на css исключительно)
 
MiRacLe

MiRacLe

просто Чудо
видимо нельзя... вот пример того,как это сделать "малыми" силами... и объяснение почему в IE "нельзя"

З.Ы,
в IE прокатит вариант с <a><div>....</div></a> (но HTML от этого валиднее и понятнее не станет)
 

Krikun

Guest
в IE прокатит вариант с <a><div>....</div></a> (но HTML от этого валиднее и понятнее не станет)
Нажмите для раскрытия...
а непрокатывает =)) ксожалению... столкнулся с точно такйо же проблемой =)

точнее прокатывает но тока частично =)
т.е. работает с пространством вокруг текста ссылки, но не со всем пространством дива...

PHP: 
<html>

<head>
  <title></title>
  <style>
.menu1,
{
        border: 1px outset #539A59;
        background: #539A59;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 5px;
        text-align: left;
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        weight: 100%;
}
.menu1:hover
{
        border: 1px inset #539A59;
}
.menu1:before
{
        display: marker;
        marker-offset: 3em;
        content: "\00BB\ ";
}


  </style>
</head>

<body>

<a href="#" class="menu1"><div class="menu1">Главная!</div></a>

</body>

</html>
не ховер не бефор в Ишаке не пашут =(
 
Войдите или зарегистрируйтесь для ответа.
Сверху