z-индекс проблем с комбинация от относително и абсолютно позициониране

Моля, вижте този пример и ми покажете как да накарам синьото <div> да мине зад розовото <div>. Както можете да видите, вече съм пробвал това с атрибута CSS z-index, но без успех.

[Актуализация]

Нова връзка Сега моите бутони в синия div не работят.


css z-index positioning
person Web_Designer    schedule 24.03.2011    source източник

Отговори (2)


arrow_upward
2
arrow_downward

jsFiddle.

Розовото div има непрозрачност, така че можете да видите резултатите.

Синьото div не може да бъде дете на розовото div.

person alex    schedule 24.03.2011
comment
Не мисля обаче, че е търсил магии за непрозрачност за своя проблем - person corroded; 24.03.2011
comment
@corroded Непрозрачността е само за да покаже в този пример розовото div над blue. - person alex; 24.03.2011
comment
Благодаря ви, вашият пример работи, но когато сложа бутони в синьото <div>, не работи. - person Web_Designer; 24.03.2011
comment
@inquisitive_web_developer Няма да работи, защото е зад другия div. - person alex; 24.03.2011
comment
За това, което правя, синият div трябва да бъде дете на главния div. Има ли начин да накарам това да работи? - person Web_Designer; 24.03.2011
comment
@inquisitive_web_developer Не съм сигурен, съжалявам. Късмет. - person alex; 24.03.2011
comment
@alex съжалявам за това, което казахте погрешно - person corroded; 24.03.2011

arrow_upward
1
arrow_downward

Както е споменато в страницата за разработчици на Mozilla, „контекст на подреждане е напълно независим от своите братя и сестри: само наследствени елементи се вземат предвид, когато се обработва подреждането".

Предполагам, че не можете да го направите с помощта на zIndex, но можете да го направите невидим, като използвате непрозрачност.

person Chinmayee G    schedule 24.03.2011