Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
8 / 8 / 4
Регистрация: 23.05.2012
Сообщений: 87

Глюки с выпадающим меню в Chrome

17.02.2014, 21:27. Показов 3318. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.Ничего сложного, обычная задача сделать выпадающее меню, так вот в Опере и Мозилле всё хорошо, в Хроме выпадающее меню перекрывается блоком.На скриншотах всё изображено.
z-index в порядке.У блока меньше, чем у меню.Кто-нибудь знает в чём может быть проблема?Заранее спасибо.
Миниатюры
Глюки с выпадающим меню в Chrome   Глюки с выпадающим меню в Chrome  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
17.02.2014, 21:27
Ответы с готовыми решениями:

Отступ между меню и выпадающим меню
Здравствуйте! Делаю меню и выпадающее меню. Если между меню и выпадающем меню сверху нет отступа, то все ок. Если же я добавляю...

Горизонтальное меню с выпадающим меню
помогите сделать горизонтальное меню с выпадающим меню. Нужно чтобы при выборе какого нибудь пункта в горизонтальном меню под тем пунктом...

Глюки в Chrome
При серфинге в Chrome постоянно выскакивает такое окошко. Очень мешает. Что делать?

2
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
17.02.2014, 21:48
Merisho, выпадающее меню с позиционированием у вас? Покажите css.
0
8 / 8 / 4
Регистрация: 23.05.2012
Сообщений: 87
18.02.2014, 22:38  [ТС]
Лучший ответ Сообщение было отмечено Taatshi как решение

Решение

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.cats ul ul /*То, что выпадает*/
{
  position: absolute;
  z-index: 20;
  left: -9999px;
  opacity: 0;
  font-size: 0.9em;
}
.cats ul ul li /*Элементы выпадающего меню*/
{
  margin: 0 0 3% 0;
  float: none;
  white-space:nowrap;
  width: 105%;
}
.cats ul li:hover ul /*Появление при наведении*/
{
  left: 85%;
  top: -4em;
  opacity: 1;
  min-height: 150px;
}
Добавлено через 22 часа 14 минут
Решено.У самих блоков(именно блоков, которые вылазили поверх меню) стояло позиционирование относительное(для чего-то надо было, потом забыл убрать) и хоть z-index был меньше, всё равно в Опере(потом перепроверил) и Хроме происходила такая вот фигня, хоть в Мозилле всё отлично.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
18.02.2014, 22:38
Помогаю со студенческими работами здесь

Трабл с выпадающим меню
Всем привет. Вот код, вот ссылка http://komp-remont.hut4.ru/ (не плюйтесь пожалуйста, это черновик. Хостинг использую для тестирования...

Меню с выпадающим списком
Есть меню с выпадающим списком.при наведении список смещает изображение под меню.как сделать,что бы список налаживался поверх изображения

Проблема с выпадающим меню
Подскажите пожалуйста. На моем сайте http://n-dl.narod.ru выпадающее меню не корректно отображается в IE. При наведении мышкой, меню...

Головоломка с выпадающим меню
Всем привет. Пишу себе сайт. Вот адрес - http://cj25858.tmweb.ru/. Дошел до выпадающего меню. Решил использовать JQuery. Знаний мало и...

Проблемы с выпадающим меню
пишу сайт http://www.sunsystem-burnit.ru На главной странице во вкладке товары,хочу сделать выпадающее меню.При наведении...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Киев стоит - украинская песня
zorxor 28.01.2026
wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru