|
|
|
|
<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);
}
|
на всех браузерах работает отлично, в ИЕ нет, в чём тут дело? | |
|
|
|
|
|
|
|
для: Den*s
(25.05.2009 в 09:41)
| | >"на всех браузерах работает отлично, в ИЕ нет, в чём тут дело?"
Дело, видимо, в том, что ваш ИЕ имеет версию под номером 6 (или меньшим),
где псевдокласс :hover поддерживается только тегом <A> | |
|
|
|
|
|
|
|
для: PAT
(25.05.2009 в 09:55)
| | А вы можете что ни будь посоветовать, я пытался сделать при помощи javascript подсветку при наведении (определяем тип браузера и если ИЕ то...), не получилось :( | |
|
|
|
|
|
|
|
для: Den*s
(25.05.2009 в 09:59)
| | с javascript'ом нечего делать.
просто разбейте на 2 класса и используете события onmouseover, onmouseout | |
|
|
|
|
|
|
|
для: 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/ | |
|
|
|
|
|
|
|
для: Den*s
(25.05.2009 в 09:41)
| | Посоветовал бы вам сделать меню на <UL>, проще и работать будет везде | |
|
|
|
|
|
|
|
для: mihdan
(25.05.2009 в 10:38)
| | Согласен, всегда надо советовать только то, что умеешь делать сам.
Жаль только, что очень мало умеете :-( | |
|
|
|