Выпадающее меню Javascript поверх Image Rotator - PullRequest
Новая
       4

Выпадающее меню Javascript поверх Image Rotator

3 голосов
/ 02 августа 2010

Дизайнер здесь, пытаюсь кодировать.

Я почти у цели!Попытка получить выпадающее меню с динамического диска для работы с роторатором изображений jQuery.Поиграл с z-index.Я могу заставить меню работать над поворотом изображения во всех браузерах, кроме режима совместимости с IE, не могу нажимать на кнопки во вращателе.!

1 Ответ

2 голосов
/ 02 августа 2010

Всегда намного проще, чтобы все выглядело правильно в Photoshop, а?Вы можете исправить проблему с перекрытием с помощью 2 небольших настроек CSS:

styles.css 

#top {
    position: relative;
    z-index: 2;
    height: 155px;

}

ddsmoothmenu.css 

.ddsmoothmenu{
    position: relative;
    z-index: 2;
    /* remaining css */
}

homerotation.css 

div#feature_list {
    position: relative;
    z-index: 1;
    /* remaining css */
}

Я также заметил, что у вас много z-index: -100 разбросано по вашему CSS.Это также доставит вам неприятности.Я бы посоветовал убрать их все и использовать только два вышеуказанных изменения.

То, что делают вышеуказанные 2 правила, - это установить порядок размещения меню и ротатора изображения таким образом, чтобы все браузеры (включая нашдруг IE) понимает.

Уловка с IE при использовании z-index заключается в том, чтобы убедиться, что все элементы, которые вы пытаетесь перекрывать, находятся в одном и том же контексте стека.IE создает новый контекст стека всякий раз, когда вы используете относительную, абсолютную или фиксированную позицию элемента.В нашем случае выше мы устанавливаем порядок наложения для большинства верхних элементов в контексте наложения (т. Е. Документа), поэтому он будет соблюдаться.

Edit

Добавлен z-index в контейнер #top, так как на самом деле это <div>, который находится на том же уровне в документе, что и <div id="feature_list">.

...