Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Подстветка при наведении курсора, не работает в IE
 
 автор: Den*s   (25.05.2009 в 09:41)   письмо автору
 
 


<td height="32" class="left-menu-fon"><img src="images/<?=$path?>/strelka.gif" name="strelka" id="strelka"><a href="/" class="menu">О компании </a></td>


файл CSS


.left-menu-fon
  {
   background-image:url(images/left-menu-fon.jpg);
   background-repeat:repeat-y;
   background-position:left;
  }
 .left-menu-fon:hover
  {
   background-color:#34ce32;
   background-image:url(images/leto/fon-hover.jpg);
  }


на всех браузерах работает отлично, в ИЕ нет, в чём тут дело?

  Ответить  
 
 автор: PAT   (25.05.2009 в 09:55)   письмо автору
 
   для: Den*s   (25.05.2009 в 09:41)
 

>"на всех браузерах работает отлично, в ИЕ нет, в чём тут дело?"

Дело, видимо, в том, что ваш ИЕ имеет версию под номером 6 (или меньшим),
где псевдокласс :hover поддерживается только тегом <A>

  Ответить  
 
 автор: Den*s   (25.05.2009 в 09:59)   письмо автору
 
   для: PAT   (25.05.2009 в 09:55)
 

А вы можете что ни будь посоветовать, я пытался сделать при помощи javascript подсветку при наведении (определяем тип браузера и если ИЕ то...), не получилось :(

  Ответить  
 
 автор: psychomc   (25.05.2009 в 10:10)   письмо автору
 
   для: Den*s   (25.05.2009 в 09:59)
 

с javascript'ом нечего делать.
просто разбейте на 2 класса и используете события onmouseover, onmouseout

  Ответить  
 
 автор: PAT   (25.05.2009 в 10:14)   письмо автору
 
   для: Den*s   (25.05.2009 в 09:59)
 

>"А вы можете что ни будь посоветовать"

А почему бы и не посоветовать.

Например, можете изменить селектор в CSS (заменив двоеточие на дефис):
.left-menu-fon-hover
  {
   background-color:#34ce32;
   background-image:url(images/leto/fon-hover.jpg);
  } 

и в ячейке прописать:
<td height="32" class="left-menu-fon" onmouseover="this.className = 'left-menu-fon-hover';" onmouseout="this.className = 'left-menu-fon';">

А можете сделать и "покруче" - см., например, http://dizigner.com/archives/web/css/css-hover-in-ie6/

  Ответить  
 
 автор: mihdan   (25.05.2009 в 10:38)   письмо автору
 
   для: Den*s   (25.05.2009 в 09:41)
 

Посоветовал бы вам сделать меню на <UL>, проще и работать будет везде

  Ответить  
 
 автор: PAT   (25.05.2009 в 10:52)   письмо автору
 
   для: mihdan   (25.05.2009 в 10:38)
 

Согласен, всегда надо советовать только то, что умеешь делать сам.

Жаль только, что очень мало умеете :-(

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования