Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   не работает hover после javascript (https://javascript.ru/forum/misc/9166-ne-rabotaet-hover-posle-javascript.html)

lancer 02.05.2010 22:19
не работает hover после javascript
 
Не могу понять почему после onmouseout перестает меняться фон посредством hover. Hover дает зеленый цвет. Onmouseout - красный.

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Тест</title>       
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <script type="text/javascript" src="script.js"></script>
        <style>
                *{text-align:center;}
                #id2{background:#d08600; width:100px; height:100px;}
                #id2:hover{background:#00ff00;}
        </style>
</head>

<body>
                <div id="id2" onmouseout="this.style.backgroundColor='#ff0000';">id2</div>
</body>
</html>

Gozar 02.05.2010 22:25
Цитата:
Сообщение от lancer (Сообщение 53950)
Код:
                <div id="id2" onmouseout="this.style.backgroundColor='#ff0000';">id2</div>

в вашем примере нет onmouseover

lancer 02.05.2010 22:28
Извиняюсь, onmouseout.

Не могу понять почему после onmouseout перестает меняться фон посредством hover. Hover дает зеленый цвет. Onmouseout - красный.

lancer 02.05.2010 22:56
Потому что JS записывает в style тега, а style как известно главнее записи в CSS.

!important в помощь. Который, кстати, не работает в IE6.

Nekromancer 03.05.2010 11:04
Цитата:
Сообщение от lancer (Сообщение 53953)
Потому что JS записывает в style тега, а style как известно главнее записи в CSS.

!important в помощь. Который, кстати, не работает в IE6.
Не страдать фигнёй в помощь..

subzey 03.05.2010 11:21
Цитата:
Сообщение от lancer
!important в помощь. Который, кстати, не работает в IE6.
Не пугайте меня. Прекрасно работает.


Часовой пояс GMT +3, время: 01:36.