Контекстът наслагват или когато Z-индексът не работи

Предпечатна подготовка не е на първа страница, но се сблъскват с подобен проблем за първи път. В един от проектите трябваше да ремонтирам менюто за указателя. Първоначално, използвайте един ниво на менюто, но бизнеса на клиента е нараснал, както и необходимостта от прилагане на един типичен падащото меню на много нива. "Няма проблем!" - помислих си и бързо започна да се хвърли повече стилове, за да се маркира. Не се изисква много време на него, но самото първия тест е бил неуспешен. появяват Нива на менюто, както е била предназначена, но по някаква причина те блокира централните елементи на страницата.

"Ха!" - мина през главата ми. Вероятно един от стиловете не са достатъчно свойства «Z-форум», която позволява да се контролира подреждане реда на елементи, разположени на страницата. Започнах добавяне «Z-форум» и нищо добро не дойде от него. Каквато и да е стойност Казах му да не присвояват елементи от централната част на страницата все още е блокирано ми меню.

Неопределен Z-индекс

Тя ще изглежда, че може да е трудно с Z-индекс? Всеки знае, че позиционирани елементи на една страница могат да бъдат наложени едно над друго. Контролирайте реда подреждане просто позволява «Z-форум» имущество. Например, ако имаме два елемента с определен стойност на Z-индекс - 5 и 10, последните ще бъдат показани на преден план, като десет повече от пет, и по-големи средства по-близо. Когато един имот «Z-форум» не е зададен, редът подреждане определя по реда на елементите в документа.

Без усложнения като не, докато не започнат да се бръкнат по-дълбоко. Първите трудностите започват с появата на така наречените наслагване контексти. Съгласно контекста на наслагване се отнася до елементи с общи родители, движейки се заедно на предната или задната.

В налагане контекст основния елемент. Например, ние имаме някои

за които ние определяме контекста на наслагване. Вследствие на това на всички нейни също ще попаднат в същия контекст наслагване.

Това е мястото, където забавлението започва. Контекстът наслагване не се пресичат. Поставянето на елемент в долната част на контекста, не може да го издигне над съседния контекст елемент. Промяна на стойността на «Z-индекса» дори и на най-невероятни фигури няма да доведе до желания ефект.

При изработването на нов наслагване контекст

Спецификацията определя редица условия на образуване на контекста на наслагване:

Ролята на члена излиза главен елемент на HTML документ (таг);

Element определя прозрачността (не забравяйте за непрозрачност имота) е по-малко от единство;

Елемент разположен статично и не Z-индекс имот! = Auto.

Гледайки напред, аз ще кажа, за да реши проблема ми отне само добавите прозрачност (непрозрачност) за елемент от корен меню и тя работи точно както е било предвидено.

Как да се покаже елементи в контекста наслагване

За да защитите по-добре всички по-горе, не забравяйте веднъж завинаги реда на показване на елементите в една и съща контекст наслагването (от далеч, за да в близост).

корен елемент на контекст, т.е. елемент, образуван от наслагване контекст;

Разположени елементи (+ потомство) от негативната Z-индекс. Елементите, които имат Z-индекс по-голям показват тесни. Елементи със същата стойност «Z-индекс» разположен в ред (в съответствие с маркировката);

Не разположени елементи са подредени в ред;

Разположени елементи (потомци +) с Z-индекс стойност в автомобилната разположен в ред (в съответствие с маркировката);

Разположени елементи (+) потомство от положителен Z-стойността на индекса (по-голямата Z-индексът, толкова повече елемента). Ако две еднакви елементи «Z-индекс», реда на показване се определя маркиране.