При нажатии должен появиться фон под ссылкой и выпадающее меню.
CSS:
.onhover {width:202px; height:212px; display:none; background-image:url('images/menu3down.gif'); z-index:1000;}
div.menu3:hover .onhover{ position:absolute; display:block; top:22px;}
div.menu3:hover{background-image:url('images/menu3a.jpg'); background-position:center; background-repeat:no-repeat;}
HTML:
<div class="menu3"><a href="#">Company</a><div class="onhover">Текст выпадающего меню...</div></div>
Спустя 1 час, 36 минут, 24 секунды (17.03.2011 - 21:57) Arni написал(а):
Наверно дело в том что ие понимает псевдоклас hover только для тегов <a>.
Попробуйте этот пример ,проверен мною не однократно.
http://examples.tsumi.ru/menu/index.html
Попробуйте этот пример ,проверен мною не однократно.
http://examples.tsumi.ru/menu/index.html
Спустя 3 минуты, 3 секунды (17.03.2011 - 22:00) inpost написал(а):
vadimk
Лучше на JS сделай, будет везде работать =)
Arni
Эта проблема у IE6, 7-спорно, в 8е должно быть все нормально. Меня смущает концовка "hover .onhover", кажется в ней проблема.
Лучше на JS сделай, будет везде работать =)
Arni
Эта проблема у IE6, 7-спорно, в 8е должно быть все нормально. Меня смущает концовка "hover .onhover", кажется в ней проблема.
Спустя 7 минут, 27 секунд (17.03.2011 - 22:07) vadimk написал(а):
Arni: Я уже пробовал, если делать :hover для тегов <a> смена фона работает неправильно, а всплывающее меню просто не работает.
inpost:
inpost:
| Цитата |
| Лучше на JS сделай |
Желательно что-бы было на CSS. Я пробовал два JS фикса, но они не заработали. Можешь какой-нибудь посоветовать?
| Цитата |
| Меня смущает концовка "hover .onhover" |
Я в каком-то уроке это увидел. В других браузерах работает.
Спустя 13 часов, 51 минута, 48 секунд (18.03.2011 - 11:59) трамонтана написал(а):
так а в чом вопрос? ведь код работает везде за исключением ie6.
Спустя 4 минуты, 46 секунд (18.03.2011 - 12:04) vadimk написал(а):
| Цитата (трамонтана @ 18.03.2011 - 11:59) |
| так а в чом вопрос? ведь код работает везде за исключением ie6. |
Он не работает в IE вообще. даже в 8
Спустя 4 минуты, 32 секунды (18.03.2011 - 12:09) inpost написал(а):
vadimk
я уже ответил, сделай на JS, будет везде работать.
я уже ответил, сделай на JS, будет везде работать.
Спустя 5 минут, 14 секунд (18.03.2011 - 12:14) vadimk написал(а):
| Цитата (inpost @ 18.03.2011 - 12:09) |
| я уже ответил, сделай на JS, будет везде работать. |
Как сделать? надо что-то писать в onmouse(over/out)?
Спустя 10 секунд (18.03.2011 - 12:14) трамонтана написал(а):
| Цитата (vadimk @ 18.03.2011 - 09:04) | ||
Он не работает в IE вообще. даже в 8 |
ну как не работает?
ты хочешь сказать что это не работает в ie8?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.onhover {width:202px; height:212px; display:none; background-image:url('images/menu3down.gif'); z-index:1000;}
div.menu3:hover .onhover{ position:absolute; display:block; top:22px;}
div.menu3:hover{background-image:url('images/menu3a.jpg'); background-position:center; background-repeat:no-repeat;}
</style>
</head>
<body class="index">
<div class="menu3"><a href="#">Company</a><div class="onhover">Текст выпадающего меню...</div></div>
</body>
</html>
у кого ещё этот код не работает в ie7(8) ? )
Спустя 6 минут, 35 секунд (18.03.2011 - 12:20) vadimk написал(а):
трамонтана: Не работало из-за отсутствия Doctype. Теперь работает. Спасибо