Отворих конзолата (chrome \ firefox) и пуснах следните редове:

#PopupContent трябва да е преди всичко, но това се влияе от непрозрачността #popupFrame.

Съдържанието не се съдържа в #popupFrame, което прави това много странно.

Целта е да се създаде firefox като поле за предупреждение

5 отговора 5

Вторият div е position: static (по подразбиране), така че z-индексът не се отнася за него.

Трябва да позиционирате (задайте свойството position на нещо различно от статично, вероятно искате относително в този случай) всичко, на което искате да дадете z-индекс.

Непрозрачността променя контекста на вашия z-индекс, както и статичното позициониране. Или добавете непрозрачност към елемента, който го няма, или го премахнете от елемента, който го има. Също така ще трябва или да направите двата елемента статично позиционирани, или да посочите относителна или абсолютна позиция. Ето някои предистории за контекстите: http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Стар въпрос, но този отговор може да помогне на някого.

Ако се опитвате да покажете съдържанието на контейнера извън границите на контейнера, уверете се, че той не е препълнен: скрит, в противен случай всичко извън него ще бъде отрязано.

html

z-index се прилага само за елементи, на които е дадена изрична позиция. Добавете позиция: спрямо #popupContent и трябва да сте готови.

Сблъсквах се много с този проблем, когато използвах position: absolute;, Изправих се пред този проблем, като използвах position: relative в дъщерния елемент. не е необходимо да променяте позицията: абсолютна на относителна, просто трябва да добавите в дъщерния елемент поглед в долните два примера:

Не отговорът, който търсите? Разгледайте други въпроси с етикет html css или задайте свой собствен въпрос.

Свързан

Свързани

Горещи мрежови въпроси

За да се абонирате за тази RSS емисия, копирайте и поставете този URL във вашия RSS четец.