Форум

lancer · #1 (**permalink**) 02.05.2010, 22:19

Не могу понять почему после 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 · #2 (**permalink**) 02.05.2010, 22:25

Сообщение от lancer

Код:

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

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

lancer · #3 (**permalink**) 02.05.2010, 22:28

Извиняюсь, onmouseout.

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

lancer · #4 (**permalink**) 02.05.2010, 22:56

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

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

Nekromancer · #5 (**permalink**) 03.05.2010, 11:04

Сообщение от lancer

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

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

Не страдать фигнёй в помощь..

subzey · #6 (**permalink**) 03.05.2010, 11:21

Сообщение от lancer

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

Не пугайте меня. Прекрасно работает.

Форум

Справочник

Discord чат

Курсы javascript