alex45 Опубликовано 3 сентября, 2006 Жалоба Поделиться Опубликовано 3 сентября, 2006 Хочу чтоб выпадающие меню здесь налегалина на flash анимацию. Только у меня не получается. Задаю через z-index, но не хрена. :( :( :( Извиняюсь за кривую ссылку. http://www.fliand.narod.ru Ссылка на комментарий Поделиться на другие сайты Поделиться
Shurr Опубликовано 3 сентября, 2006 Жалоба Поделиться Опубликовано 3 сентября, 2006 Во-первых, твоя флешка располагается в div'е с максимальным z-index'ом, т.е. она и будет поверх всех. Установи ей z-index меньше чем у тех элементов, которые должны ее перекрывать. Во-вторых - добавь в обявление флешки тег <PARAM NAME="WMODE" VALUE="transparent"> и в теге EMBED добавь параметр WMODE="transparent". Ссылка на комментарий Поделиться на другие сайты Поделиться
alex45 Опубликовано 8 сентября, 2006 Автор Жалоба Поделиться Опубликовано 8 сентября, 2006 У мя все запахало, спасибо, плюс тебе в репу, только, что эта команда именно обозначает WMODE="transparent" . Ссылка на комментарий Поделиться на другие сайты Поделиться
Shurr Опубликовано 8 сентября, 2006 Жалоба Поделиться Опубликовано 8 сентября, 2006 Это аналог <PARAM NAME="WMODE" VALUE="transparent">, она позволяет отображать элементы над флешкой. Без нее z-indeх не будет иметь влияния, флешка будет сверху. Ссылка на комментарий Поделиться на другие сайты Поделиться
GruL Опубликовано 23 декабря, 2006 Жалоба Поделиться Опубликовано 23 декабря, 2006 Собственнно выпадающее меню на CSS и Java Script. В опере отображается всё правельно, а в ИЕ начинает глючить. Выпадающие менюшки появляются совсем не там где должны. Что нужно исправить или добавить, что бы на ИЕ всё заработало нормально? Надеюсь понятно обьяснил . HTML & Java Scipt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if ie 7]><link rel="stylesheet" type="text/css" href="styleIe.css" /><![endif]--> <title>MENU</title> <script language="javascript" type="text/javascript"> menuBehaviors = function() { var menu = document.getElementById("menu"); var submenus = menu.getElementsByTagName("ul"); var hasSubmenu = new Array(); for (var i = 0; i < submenus.length; i++) { hasSubmenu[i] = submenus[i].parentNode; hasSubmenu[i].onmouseover = mouseoverBehavior; hasSubmenu[i].onmouseout = mouseoutBehavior; } function mouseoverBehavior() { this.className = "hover"; var submenu = this.getElementsByTagName("ul")[0]; submenu.className = "active"; } function mouseoutBehavior() { this.className = null; var submenu = this.getElementsByTagName("ul")[0]; submenu.className = "passive"; } } window.onload = menuBehaviors; </script></head><body> <ul id="menu"> <li> <a href="index.php?cat=news">Linc 1</a> </li> <li> <a href="#">Linc 2</a> <ul> <li> <a href="index.php?cat=php">Linc 21</a> </li> <li> <a href="index.php?cat=ActionScript">Linc 22</a> </li> <li> <a href="index.php?cat=JavaScript">Linc 23</a> </li> <li> <a href="index.php?cat=mysql">Linc 33</a> </li> <li> <a href="index.php?cat=CSS">Linc 34</a> </li> </ul> </li> <li> <a href="#">Linc 3</a> <ul> <li> <a href="index.php?cat=SASP">Linc 31</a> </li> <li> <a href="index.php?cat=SJavaScript">Linc 32</a> </li> </ul> </li> <li> <a href="index.php?cat=soft">Linc 4</a> </li> </ul></body></html> CSS body {text-align: center;font: 10pt/12pt Tahoma, Helvetica, sans-serif;}body * {text-align: left;}#menu {display: block;margin: 0 auto;text-align: center;}#menu * {padding: 0 0 0 0;margin: 0 0 0 0;}#menu a {text-decoration: none;color: #336633;font-weight: bold;line-height: 20px;padding: 0 0.5em;background: 0 0 repeat-x url("img/button-d.jpg") transparent;}#menu a:hover {color: #333399;background: 0 0 repeat-x url("img/button-a.jpg") transparent;}#menu li {display: inline;vertical-align: middle;float: left;}#menu ul {display: none;position: absolute;left: 100px;}* #menu ul {}#menu ul.passive {display: none;}#menu ul.active {display: block;} Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти