как в IE8 поставить выпадающее меню над банером

@svtbox · Регистрация: 09.01.2010

Студворк — интернет-сервис помощи студентам

Очень странный баг! Выпадающее меню с полупрозрачностью не видно, потому что появляется под банером, хотя в ІЕ7 и даже ІЕ6! все нормально. Банер - это две сменные картинки с эффектом слайдшоу и z-index: 8-10, для меню я выставил z-index: 20, но оно все равно почему то снизу. Страница в zip-папке, фиксы для IE6 я убрал, они прописаны через *html, это насколько понимаю все равно не играет роли. На оформление меню тоже можно не обращать внимание. Подскажите разрешение проблемы, спасибо!

@4iNo · 23.02.2010, 06:06

У меня всё отлично видно! Если есть что-то не понятно, дайте скрин на проблему!

Добавлено через 12 минут
хм, интерестно... предидущий ответ не прибавило +1

@svtbox · 23.02.2010, 10:32 **[ТС]**

Да, у меня к стати в zip-папке тоже все работает... Я когда со всего кода страницы убирал все что не нужно для представления на форуме, то случайно убрал и то за чего и не работало. А потом не посмотрел в ту zip-папку, думал что проблема осталась. Короче я решил попробовать сделать выпадалку рабочей в ІЕ6 по методу описанному на http://blog.sjinks.pro/css/49-... avascript/, без скриптом, через таблицу, т.е. выпадалка у меня полностью выглядела вот так:

HTML5
1
2
3
4
5
6
7
8
9
10
<li>
    <a href="#">О НАС<!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tbody><tr><td><![endif]-->
    <ul>
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Награды</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></tbody></table></a><![endif]-->
</li>

В IE8 она не появлялась через </a>, когда убрал - все заработало. Поэтому вопрос теперь другой: какой самый простой способ сделать выпадалку рабочей под IE6? Спасибо!

@4iNo · 23.02.2010, 11:05

Суб меню через <ul> и <li> точно не получится, так как меню должно налаживатся на картинку, тобиш на другие объекты.
Можно попробывать так

весь код меню не пишу... пишу только выпадающие списки!)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<style type="text/css">
.submenu
{
    // главные настройки
}
 
.submenu > div /* для прозрачного заднего фона */
{
    height: 100%; width: 100%;
    opacity:.50;
    background: #333;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    -khtml-opacity: .50;
    /*-ms-*/filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
</style>
 
<body>
   ...// main links of menu
   <div class="submenu">
        <div></div>
        <a href="#">1</a><br /> <!-- для переноса строки, можна написать более грамотно -->
        <a href="#">2</a>
   </div>
</body>

если более менее разбираетесь в HTML/CSS поймете то, что я хотел написать

@svtbox · 23.02.2010, 19:16 **[ТС]**

Спасибо, но у меня все же получилось через <ul> и <li> + джава-скрипт. Хотя интересует еще одна маленькая деталь (заказчик очень придирается): в ІЕ8 подводя мышь например к ссылке О НАС, курсор превращается в руку, но между ссылкой и выпадалкой возвращается в обычный и поэтому как будто не всегда попадаеш на ссылку. Как сделать так, чтобы на этом вертикальном промежутке курсор в форме руки был так сказать зафиксирован. Другими словами нужно чтобы меню работало как на zek.eu: подвел мышь к ссылке, потом курсор-рука "зафиксировано" оставляет ее и опускается к выпадающему меню. Что и где дописать в CSS?

Добавлено через 7 минут
прошу прощения, как на zak.eu

@svtbox · 25.02.2010, 13:08 **[ТС]**

проблема решена, тема закрыта

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@4iNo 22 / 22 / 11 Регистрация: 02.04.2009 Сообщений: 205
	23.02.2010, 06:06
	У меня всё отлично видно! Если есть что-то не понятно, дайте скрин на проблему! Добавлено через 12 минут хм, интерестно... предидущий ответ не прибавило +1 0

@svtbox 2 / 2 / 1 Регистрация: 09.01.2010 Сообщений: 68
	23.02.2010, 19:16 [ТС]
	Спасибо, но у меня все же получилось через <ul> и <li> + джава-скрипт. Хотя интересует еще одна маленькая деталь (заказчик очень придирается): в ІЕ8 подводя мышь например к ссылке О НАС, курсор превращается в руку, но между ссылкой и выпадалкой возвращается в обычный и поэтому как будто не всегда попадаеш на ссылку. Как сделать так, чтобы на этом вертикальном промежутке курсор в форме руки был так сказать зафиксирован. Другими словами нужно чтобы меню работало как на zek.eu: подвел мышь к ссылке, потом курсор-рука "зафиксировано" оставляет ее и опускается к выпадающему меню. Что и где дописать в CSS? Добавлено через 7 минут прошу прощения, как на zak.eu 0

@svtbox 2 / 2 / 1 Регистрация: 09.01.2010 Сообщений: 68
	25.02.2010, 13:08 [ТС]
	проблема решена, тема закрыта 0