onMouseOver/onMouseOut в IE -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [3.149.27.202]

Модераторы: ElcnU, ANDLL, fatalist

Новое голосование

onMouseOver/onMouseOut в IE , бага. Нужно решение

ChoosenOne

Сообщ. #1 , 17.06.10, 06:36

Unregistered

Есть некий div с обработкой событий onMouseOver/onMouseOut (меняет свой class):

Бага: в диве написан текст, когда ведёшь курсор и он перескакивает с буквы на пустоту и снова на букву почему-то это воспринимается, как события onMouseOver/onMouseOut и очень неприятно моргает div из-за смены классов (разные бэкграунды и бордюры). Бага наблюдается только в IE любой версии. Как победить этот глюк?

Сообщение отредактировано: ChoosenOne - 17.06.10, 06:36

fatalist	Сообщ. #2 , 17.06.10, 09:02
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Пальцем в небо: на задний фон положи чего-нибудь...

UncleBob	Сообщ. #3 , 17.06.10, 12:58
Wizard Профиль · PM Поощрения: 24 Dgm Рейтинг (т): 683	использовать для IE onmouseenter - onmouseleave Вообще IE начиная с 7й версии с успехом поддерживают (по крайней мере для описанного случая) псевдокласс :hover

fatalist	Сообщ. #4 , 17.06.10, 13:08
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Цитата Uncle_Bob @ 17.06.10, 12:58 Вообще IE начиная с 7й версии с успехом поддерживают (по крайней мере для описанного случая) псевдокласс :hover В первые слышу... Мой ИЕ8 тоже

ChoosenOne	Сообщ. #5 , 17.06.10, 13:11
Unregistered	Цитата Uncle_Bob @ 17.06.10, 12:58 использовать для IE onmouseenter - onmouseleave Вообще IE начиная с 7й версии с успехом поддерживают (по крайней мере для описанного случая) псевдокласс :hover Нет, не поддерживает. Только что протестировал

UncleBob

Сообщ. #6 , 17.06.10, 13:13

Wizard

Профиль · PM

Поощрения: 24 Dgm

Рейтинг (т): 683

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Page</title>

.ohShitItWorks

{

background: blue;

height: 100px;

width:100px;

}

.ohShitItWorks:hover

{

background: red;

}

</style>

</head>

<body>

</body>

</html>

ЗЫ. А семерка реально не пашет... Интересно

Добавлено 17.06.10, 13:19
А вот это в 7ке работает

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Page</title>

.ohShitItWorks

{

background-color: blue;

height: 100px;

width:100px;

}

.ohShitItWorks :hover

{

background-color: red;

}

.ohMy

{

height: 100px;

width:100px;

}

</style>

</head>

<body>

</body>

</html>

fatalist

Сообщ. #7 , 17.06.10, 13:34

Moderator

Профиль · PM

Поощрения: 20 Dgm

Рейтинг (т): 327

ChoosenOne, по заданным условиям задачи у меня даже ИЕ5.5 справляется прекрасно 8-)

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled</title>

<style>

div.hover {

background-color:red;

}

</style>

</head>

<body>

<div class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'">sdfasdf fasdf werqwer qwersadf <br><br><br></div>

</body>

</html>

Добавлено 17.06.10, 13:37

Цитата Uncle_Bob @ 17.06.10, 13:13

А вот это в 7ке работает

UncleBob	Сообщ. #8 , 17.06.10, 13:55
Wizard Профиль · PM Поощрения: 24 Dgm Рейтинг (т): 683	Цитата fatalist @ 17.06.10, 13:08 В первые слышу... Мой ИЕ8 тоже ты почаще его используй, глядишь - надрессируешь

fatalist	Сообщ. #9 , 18.06.10, 03:53
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Цитата Uncle_Bob @ 17.06.10, 13:55 ты почаще его используй, глядишь - надрессируешь Постоянно... Только вот дрессировкой пока не занимался

qpayct	Сообщ. #10 , 20.06.10, 21:39
Unregistered	сталкивался с подобной проблемой. решил. тупо в яваскрипте прописал аналог этим событиям, как надо мне. работает отлично правда намучился....... пример

0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0289 ] [ 15 queries used ] [ Generated: 3.05.24, 08:59 GMT ]