[Браузеры, участвующие в тесте: IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2]
[Операционная система: Windows]
Похоже, что многие студенты одержимы проблемой, почему этот div находится на верхнем слое, а тот div на нижнем слое, и как бы они ни ставили z-индекс, они не могут оказаться на верхнем уровне. Их тошнит и мучает. диарея, тошнота и бессонница, а в конечном итоге впадают в депрессию, поэтому они не осмеливаются использовать наложение слоев по своему желанию. Однако эффект суперпозиции слоев часто возникает в интерактивном дизайне, поэтому мы должны его контролировать. Чтобы контролировать его, мы должны освоить его законы.
Для начала уточним несколько понятий, которые необходимо использовать в статье:
1. Статическое позиционирование: позиция:статическая (значение атрибута позиции по умолчанию).
2. Динамическое позиционирование: положение: относительное или положение: абсолютное или положение: фиксированное.
3. Элемент-предок: любой элемент, содержащий этот элемент.
4. Родительский элемент: элемент-предок, который непосредственно содержит этот элемент.
5. Родственные элементы: элементы, имеющие общий родительский элемент.
[Примечание] Эти концепции адаптированы автором и используются только в этой статье.
Одноранговый элемент — очень ключевое слово, и здесь его необходимо объяснить подробно.
| Ниже приводится цитируемое содержание: <дел> <div></div> <div id="a"></div> <div></div> <div></div> <div></div> <div></div> </div> <div id="f"> <div></div> <div id="b"></div> <div id="c"></div> <div></div> <div></div> <div></div> </div> |
В этом примере div#a и div#b не являются «родственными элементами». Только такие элементы, как div#b и div#c, имеющие один и тот же родительский элемент div#f, можно называть «родственными элементами».