Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 05.01.2011, 20:02   #1
Fandr4
Новичок
Джуниор
 
Регистрация: 05.01.2011
Сообщений: 1
Вопрос css :hover background-image

Приветствую!
Хочу сделать так чтобы при наведении курсора мышки на ячейку в таблице менялся фоновый рисунок данной ячейки.

вот пример HTML, но он работает только в Хроме, в ФФ и ИЕ неработает. Помогите пожалуйста!
Код HTML:
<html>
<head>
	<title>TEST</title>
	<style>
		.mystyle {
		background-image:url(pic1.jpg);
		height:120px;
		width:160px;
		}
		
		.mystyle:hover {
		background-image:url(pic2.jpg);
		height:120px;
		width:160px;
		}
			
	</style>
</head>

<body>
	<table>
		<tr>
			<td class="mystyle" >TEST</td>
		</tr>
	</table>
</body>
</html>
Fandr4 вне форума Ответить с цитированием
Старый 05.01.2011, 22:01   #2
dirtez
 
Регистрация: 05.01.2011
Сообщений: 1
По умолчанию

Хак в пользу)
IE понимает состояние hover только для ссылок, а тут целый блок.
Может это поможет
Это ява скрипт
Код HTML:
jsHover = function() {
    var hEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0, len=hEls.length; i<len; i++) {
      hEls[i].onmouseover=function() { this.className+=" jshover"; }
      hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
    }
  }
  if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
Подцепи к hover через запятую ещё и этот скрипт, должно работать. И где написанно nav и LI меняй значения на свои
dirtez вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS Background bill HTML и CSS 1 28.10.2010 22:03
background-image убирает цвет фона и не работает Alex Cones HTML и CSS 0 10.09.2010 12:06
background-image является ссылкой, как это? k0nami HTML и CSS 6 14.06.2010 14:32
Не сразу подгружается background-image rolling HTML и CSS 7 09.10.2009 20:38
CSS ролловер как закрепить background-position после клика Maksimcase HTML и CSS 1 14.05.2009 11:37