|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
05.01.2011, 20:02 | #1 |
Новичок
Джуниор
Регистрация: 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> |
05.01.2011, 22:01 | #2 |
Регистрация: 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); |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
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 |